修复分页组件请求两次问题(I4SQOR)
This commit is contained in:
		
							parent
							
								
									84fe0737de
								
							
						
					
					
						commit
						d734bfc34f
					
				| 
						 | 
					@ -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)
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue