v3.8.2 修复分页组件请求两次问题(I4SQOR)

This commit is contained in:
YunaiV 2022-02-17 19:23:50 +08:00
parent 4efb6c0847
commit 822f4e8192
1 changed files with 13 additions and 0 deletions

View File

@ -1,11 +1,13 @@
<template>
<div :class="{'hidden':hidden}" class="pagination-container">
<el-pagination
v-if="pageShow"
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:pager-count="pagerCount"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@ -60,6 +62,11 @@ export default {
default: false
}
},
data() {
return {
pageShow: true
};
},
computed: {
currentPage: {
get() {
@ -80,6 +87,12 @@ export default {
},
methods: {
handleSizeChange(val) {
if (this.currentPage * val > this.total) {
this.pageShow = false;
this.$nextTick(() => {
this.pageShow = true
})
}
this.$emit('pagination', { page: this.currentPage, limit: val })
if (this.autoScroll) {
scrollTo(0, 800)