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) {&nbsp; &nbsp; let element = selector && document.querySelector(selector) || window;&nbsp; &nbsp; element.scrollTo(0, 0);}scrollTop("#table");scrollTop();

Answer 2

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