element-ui滚动条el-scrollbar置底方式

目录

• element-ui滚动条el-scrollbar置底
• element-ui表格滚动条样式el-scrollbar使用问题
• 问题如下图，原始表格滚动条很丑
• 想要的效果如下
• 操作步骤

element-ui滚动条el-scrollbar置底

在需要滚动的地方加上

方法

 scrollDown() {
        this.$refs['myScrollbar'].wrap.scrollTop = this.$refs['myScrollbar'].wrap.scrollHeight
 }

不能在接收数据时调用，需要在页面渲染结束时调用方法

updated: function() {
      this.scrollDown()
    }

element-ui表格滚动条样式el-scrollbar使用问题

实现效果：

问题如下图，原始表格滚动条很丑

想要的效果如下

操作步骤

1、template部分代码

2、script数据部分的代码

3、css样式部分代码

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。