element Table 换分页时表格滚动条自动回到顶部

您可以在element Table的分页器中添加 @current-change 事件，然后在事件回调函数中将表格的scrollTop设置为0，以使表格滚动条自动回到顶部。具体代码如下：

<template>
  <div>
    <el-table :data="tableData" @current-change="handleCurrentChange">
      <!-- 表格列定义 -->
    </el-table>
    <el-pagination
      @current-change="handlePageChange"
      :current-page="currentPage"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageSize"
      :total="total"
      layout="total, sizes, prev, pager, next, jumper"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      currentPage: 1,
      pageSize: 10,
      total: 0,
    };
  },
  methods: {
    handleCurrentChange() {
      this.$refs.tableRef.$el.scrollTop = 0;
    },
    handlePageChange(currentPage) {
      this.currentPage = currentPage;
      this.fetchTableData();
    },
    fetchTableData() {
      // 异步请求表格数据，并更新tableData和total
    },
  },
  mounted() {
    this.fetchTableData();
  },
};
</script>

在代码中，我们在el-pagination组件上添加了 @current-change 事件，以便在当前页码发生变化时触发回调函数handleCurrentChange。在回调函数中，我们使用this.$refs.tableRef.$el.scrollTop = 0来将表格的scrollTop设置为0，以使表格滚动条自动回到顶部。