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()

})