若依框架 , 后台 列表页面 如果长度有滑动条时 翻页会自动定位到表格顶部问题处理
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
页码组件代码
methods: {
handleSizeChange(val) {
if (this.currentPage * val > this.total) {
this.currentPage = 1
}
this.$emit('pagination', { page: this.currentPage, limit: val })
if (this.autoScroll) {
scrollTo(0, 800)
}
},
handleCurrentChange(val) {
this.$emit('pagination', { page: val, limit: this.pageSize })
if (this.autoScroll) {
scrollTo(0, 800)
}
}
}
autoScroll: {
type: Boolean,
default: true
},
:auto-scroll="false"
设置为false 就不会自动定位顶部了
<pagination
v-show="total>0"
:total="total"
:auto-scroll="false"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>