| | |
| | | :total="total" |
| | | :current-page="innerCurrentPage" |
| | | :page-size="innerPageSize" |
| | | :page-sizes="pageSizes" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | |
| | | type: Number, |
| | | default: 10 |
| | | }, |
| | | // 每页显示数量选项 |
| | | pageSizes: { |
| | | type: Array, |
| | | default: () => [10, 20, 50, 100] |
| | | }, |
| | | // 分页布局配置 |
| | | layout: { |
| | | type: String, |
| | | default: 'total, sizes, prev, pager, next, jumper' |
| | | default: 'total, prev, pager, next, jumper' |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | emitPaginationChange() { |
| | | this.$emit('pagination-change', { |
| | | page: this.innerCurrentPage, |
| | | limit: this.innerPageSize |
| | | pageSize: this.innerPageSize |
| | | }); |
| | | // 可选:单独触发更新事件 |
| | | this.$emit('update:current-page', this.innerCurrentPage); |
| | | this.$emit('update:page-size', this.innerPageSize); |
| | | // this.$emit('update:current-page', this.innerCurrentPage); |
| | | // this.$emit('update:page-size', this.innerPageSize); |
| | | } |
| | | } |
| | | }; |