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

This commit is contained in:
RuoYi 2022-02-17 11:56:11 +08:00
parent 84fe0737de
commit d734bfc34f
1 changed files with 12 additions and 0 deletions

View File

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