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