vue中使用elementUI分页实现切换页面时返回页面顶部
原理:给elementUI分页组件的切换页面时触发事件(在这里就是handleCurrentChange函数)添加一个跳转到页顶的方法即可。实现:<!-- 分页组件 --><el-pagination@current-change="handleCurrentChange"></el-pagination>//跳到页顶scrollTop(selector) {l
·
原理:
给elementUI分页组件的切换页面时触发事件(在这里就是handleCurrentChange函数)添加一个跳转到页顶的方法即可。
实现:
<!-- 分页组件 -->
<el-pagination
@current-change="handleCurrentChange"
>
</el-pagination>
//跳到页顶
scrollTop(selector) {
let element = selector && document.querySelector(selector) || window;
element.scrollTo(0, 0);
},
handleCurrentChange(val) {
...
this.scrollTop()
}
更多推荐
已为社区贡献19条内容
所有评论(0)