Pagination 分页
基础用法
左右侧内容 自定义
v0.0.2align
属性默认是 right
,插槽 pagination-left
默认生效。要使用pagination-right
插槽,需要设置align
属性为 left
。
Pagination API
Pagination Attributes
名称 | 说明 | 类型 | 默认值 | 是否必须 |
---|---|---|---|---|
align | 对齐方式 | string | right | 否 |
model-value / v-model | 分页值 | object PageInfo | { page: 1,pageSize: 10} | 否 |
total | 总数 | number | 0 | 否 |
pageSizeList | 分页列表 | array | [10, 20, 30, 40, 50, 100, 200, 300, 400, 500] | 否 |
... | ... | ... | ... | ... |
提示
...
表示同时支持所有 el-pagination Attributes
Pagination Events
名称 | 说明 | 类型 |
---|---|---|
change | 分页组件 page 或者 pageSize 改变触发 | function |
提示
el-pagination 的其他事件的支持写法 如 prev-click,如下示例
示例:
html
<PlusPagination @prev-click="handlePrevClick" />
Pagination Slots
插槽名 | 说明 |
---|---|
pagination-left v0.0.2 | 分页器左侧内容 (默认生效,align 属性默认是 right ) |
pagination-right v0.0.2 | 分页器右侧内容 (align 属性是 left 时生效) |