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

• Z时代
• 2024-01-10
• 分类：技术分享

题目描述

当我在第一页把滚动条拉到最下面，然后切换到第2页或第3页，滚动条还是在最下面，我预期的是翻页的时候滚动条恢复到最上面的位置，请问改如何处理呢？？

题目来源及自己的思路

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<Page :total="sum" :current="1" :page-size="pageSize" @on-change="change" @on-page-size-change="pageSizeChange"  show-sizer show-elevator show-total></Page>

你期待的结果是什么？实际看到的错误信息又是什么？

回答

你只需要定义一个回到顶部的方法，然后在Page组件的on-change事件里面调用就可以了。

toTop(){
    var tBody = document.querySelector('.ivu-table-body');
    tBody.scrollTop = 0;
    // console.log(tBody.scrollTop)
}

表格列表的key值绑定数据行的id

以上是 【Vue】分页组件切换分页时未定位到最上面的位置 的全部内容， 来源链接： utcz.com/a/83073.html