很多小伙伴肯定遇到过这个组件问题,下面只需要一行即可搞定
vue方法
首先我们在mixin.js里封装一个方法
pageSizeChange(pageSize) { // 每页显示数量变更
this.searchParams.limit = pageSize
// this.searchParams.showCount = pageSize
this.initListData()
},
pageHight() { // 定义一个初始滚动高度
this.$refs.tables.$refs.tablesMain.$refs.body.scrollTop = 0
},
pageChange(pageNo) { // 页码变更
this.searchParams.current = pageNo
this.pageHight()
// this.searchParams.currentPage = pageNo // 这玩意干扰pageSizeChange
this.initListData()
}
页面调用直接引入这个js
然后methods里我们要去
this.pageHight()
即可解决哦,如果你的scrollTop不是在这一层,需要你自己打印this寻找咯