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

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

原理:

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/940628.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存