vue+elemrnt ui的分页组件怎么在翻页的时候返回表格顶端

Question

vue+elemrnt ui的分页组件怎么在翻页的时候返回表格顶端相关代码  <el-pagination class='pagination' @size-change="handleSizeChange" @current-change="handleCurrentChange"                 :current-page.sync="listQuery.page"                 :page-sizes="[20, 50, 100, 200]" :page-size="listQuery.limit"                 layout="total, sizes, prev, pager, next, jumper" :total="cptInfoTotal">  </el-pagination>点击下一页后，或者点击第几页后，现在表格翻到最底端，翻页后还在最底端，如何在翻页后让表格显示最顶端相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）你期待的结果是什么？实际看到的错误信息又是什么？题目描述题目来源及自己的思路相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

点击的时候找到你想要滚到顶部的元素scrollTop=0就好了

function scrollTop(selector) {

    let element = selector && document.querySelector(selector) || window;

    element.scrollTo(0, 0);

}

scrollTop("#table");

scrollTop();

Answer 2

加载表格时，先把表格数据置空，this.tableData = []。
但是这样写有个弊端，就是页面会稍微闪一下。