|
|
@ -1,7 +1,6 @@ |
|
|
|
<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" |
|
|
@ -64,7 +63,6 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
pageShow: true |
|
|
|
|
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
@ -88,10 +86,7 @@ export default { |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
handleSizeChange(val) { |
|
|
|
handleSizeChange(val) { |
|
|
|
if (this.currentPage * val > this.total) { |
|
|
|
if (this.currentPage * val > this.total) { |
|
|
|
this.pageShow = false; |
|
|
|
this.currentPage = 1 |
|
|
|
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) { |
|
|
|