【Vue】分页组件切换分页时未定位到最上面的位置

问题:table点击分页时候,在第一页把滚动条拉到最下面,切换到第2页或第3页,滚动条还是保留上一页的位置。
预期效果:切换分页时滚动条恢复到最上面的位置!!!

//分页标签
 
 
//选择当前页码的触发事件
 handleCurrentChange(e) {
      console.log(e);
      this.queryParams.pageNum = e;
      this.getList();  //调用列表,刷新数据
      this.toTop();
 },
// 定义一个回到顶部的方法,然后在el-pagination组件的current-change事件里面调用就可以了。
 toTop(){
     var tBody = document.querySelector('.group-table');
     tBody.scrollTop = 0;
     // console.log(tBody.scrollTop)
 },

elementUI 表格el-table翻页后 滚动条回到顶部

你可能感兴趣的:(vue,vue.js,javascript,前端)