ElementPlus使用分页器切换页码数据定位在顶部

<el-table ref="multipleTable">
    ...内容
</el-table>

<el-pagination @current-change="handleCurrentChange"/>


handleCurrentChange（val）{
    this.pageNum.currentPage = val
    this.dataList()更新列表数据

    --重要内容--
    this.$nextTick(() => {
    this.$refs.multipleTable.setScrollTop(0)

    console.log(this.$refs.multipleTable)
   })
}

先上代码

主要有两个步骤

1.在el-table中添加ref=“mutipleTable”

2.在对应的切换页码的方法中加上

 this.$nextTick(() => {
    this.$refs.multipleTable.setScrollTop(0)
   })

注意：之前在各平台搜索一直给出的解答是使用Wraper.scrollTop = 0,但是使用后无效，原因可能是因为elementPlus的el-table没有这个属性；所以直接打印this.$refs.multipleTable，可以查看所能使用的属性，对应文档使用即可（还是要多看看文档╥﹏╥）