elementUI 表格翻页后 滚动条回到顶部/第一行

情况1:组件中直接使用的是el-table

<el-table ref="table"></el-table>

那么需要在用到的地方直接使用

this.$nextTick(() => {
     this.$refs.table.bodyWrapper.scrollTop = 0
})
 
情况2:将el-table二次封装后又使用的
父组件:

<base-table ref="baseTable" />
子组件:

<el-table ref="table" ></table>
 

那么需要在用到的地方使用:

this.$nextTick(() => {

  this.$refs.baseTable.$refs.table.bodyWrapper.scrollTop = 0

})
或者在子组件中写个方法(推荐):

 getTableDom() {
            this.$nextTick(() => {
                this.$refs.table.bodyWrapper.scrollTop = 0
            })
        },
然后再父组件中调用子组件方法
 

this.$nextTick(() => {
          this.$refs.baseTable.getTableDom()
})

posted @ 2023-02-23 13:40  挖眼猪  阅读(1539)  评论(0)    收藏  举报