修复分页组件请求两次问题(I4SQOR)
This commit is contained in:
		
							parent
							
								
									84fe0737de
								
							
						
					
					
						commit
						d734bfc34f
					
				@ -1,6 +1,7 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <div :class="{'hidden':hidden}" class="pagination-container">
 | 
			
		||||
    <el-pagination
 | 
			
		||||
      v-if="pageShow"
 | 
			
		||||
      :background="background"
 | 
			
		||||
      :current-page.sync="currentPage"
 | 
			
		||||
      :page-size.sync="pageSize"
 | 
			
		||||
@ -61,6 +62,11 @@ export default {
 | 
			
		||||
      default: false
 | 
			
		||||
    }
 | 
			
		||||
  },
 | 
			
		||||
  data() {
 | 
			
		||||
    return {
 | 
			
		||||
      pageShow: true
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
  computed: {
 | 
			
		||||
    currentPage: {
 | 
			
		||||
      get() {
 | 
			
		||||
@ -81,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)
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user