|
|
@@ -2,15 +2,13 @@
|
|
|
<div class="l-flex__none c-pagination">
|
|
|
<el-pagination
|
|
|
:current-page.sync="currentPage"
|
|
|
- :page-size.sync="pageSize"
|
|
|
- :page-sizes="pageSizes"
|
|
|
+ :page-size="limit"
|
|
|
:pager-count="5"
|
|
|
:total="Number(total)"
|
|
|
- :layout="layout"
|
|
|
- :background="background"
|
|
|
+ layout="total,prev,pager,next,jumper"
|
|
|
+ background
|
|
|
hide-on-single-page
|
|
|
v-bind="$attrs"
|
|
|
- @size-change="onSizeChange"
|
|
|
@current-change="onCurrentChange"
|
|
|
/>
|
|
|
</div>
|
|
|
@@ -31,21 +29,6 @@ export default {
|
|
|
limit: {
|
|
|
type: Number,
|
|
|
default: 20
|
|
|
- },
|
|
|
- pageSizes: {
|
|
|
- type: Array,
|
|
|
- default () {
|
|
|
- return [10, 20, 50]
|
|
|
- }
|
|
|
- },
|
|
|
- layout: {
|
|
|
- type: String,
|
|
|
- // sizes
|
|
|
- default: 'total, prev, pager, next, jumper'
|
|
|
- },
|
|
|
- background: {
|
|
|
- type: [Boolean, String],
|
|
|
- default: true
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -56,22 +39,11 @@ export default {
|
|
|
set (val) {
|
|
|
this.$emit('update:page', val)
|
|
|
}
|
|
|
- },
|
|
|
- pageSize: {
|
|
|
- get () {
|
|
|
- return this.limit
|
|
|
- },
|
|
|
- set (val) {
|
|
|
- this.$emit('update:limit', val)
|
|
|
- }
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- onSizeChange (val) {
|
|
|
- this.$emit('pagination', { page: this.currentPage, limit: val })
|
|
|
- },
|
|
|
onCurrentChange (val) {
|
|
|
- this.$emit('pagination', { page: val, limit: this.pageSize })
|
|
|
+ this.$emit('pagination', { page: val, limit: this.limit })
|
|
|
}
|
|
|
}
|
|
|
}
|