vue+element ui列表使用分页组件翻页的时候返回页面顶部

最新推荐文章于 2023-05-30 17:33:13 发布

O3ohn

最新推荐文章于 2023-05-30 17:33:13 发布

阅读量3.4k

点赞数 1

分类专栏： elementUI小课堂

本文链接：https://blog.csdn.net/ka_xingl/article/details/117957507

版权

vue.js

elementUI小课堂专栏收录该内容

33 篇文章 7 订阅

订阅专栏

此时滚动条已经翻到页面底部，更换上一页或者下一页时，重新回到页面顶部。

在这里插入图片描述

// 翻页后滚动条回到页面顶端
scrollTop(selector) {
    let element = selector && document.querySelector(selector) || window;
    element.scrollTo(0, 0);
},

//切换页面
currentChangeHandle(val) {
  this.pageIndex = val
 //找到你想要滚到顶部的元素scrollTop=0
  this.scrollTop("#list-center");
},