vue中使用elementUI分页实现切换页面时返回页面顶部

原理:

给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()
}

猜你喜欢

转载自blog.csdn.net/jiangjunyuan168/article/details/124710071