| | |
|---|
| | | :page-size.sync="pageSize" |
|---|
| | | :layout="layout" |
|---|
| | | :page-sizes="pageSizes" |
|---|
| | | :pager-count="pagerCount" |
|---|
| | | :total="total" |
|---|
| | | v-bind="$attrs" |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | |
|---|
| | | return [10, 20, 30, 50] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 移动端页码按钮的数量端默认值5 |
|---|
| | | pagerCount: { |
|---|
| | | type: Number, |
|---|
| | | default: document.body.clientWidth < 992 ? 5 : 7 |
|---|
| | | }, |
|---|
| | | layout: { |
|---|
| | | type: String, |
|---|
| | | default: 'total, sizes, prev, pager, next, jumper' |
|---|
| | |
|---|
| | | type: Boolean, |
|---|
| | | default: false |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | currentPage: { |
|---|
| | |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | handleSizeChange(val) { |
|---|
| | | if (this.currentPage * val > this.total) { |
|---|
| | | this.currentPage = 1 |
|---|
| | | } |
|---|
| | | this.$emit('pagination', { page: this.currentPage, limit: val }) |
|---|
| | | if (this.autoScroll) { |
|---|
| | | scrollTo(0, 800) |
|---|
