瀏覽代碼

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

YunaiV 3 年之前
父節點
當前提交
822f4e8192
共有 1 個文件被更改,包括 13 次插入0 次删除
  1. 13 0
      yudao-ui-admin/src/components/Pagination/index.vue

+ 13 - 0
yudao-ui-admin/src/components/Pagination/index.vue

@@ -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)