Pagination 分页
基础用法
对齐方式
支持 left
、right
、center
(v0.1.28新增) 三种对齐方式。
左右侧内容 自定义
v0.0.2align
属性默认是 right
,插槽 pagination-left
默认生效。要使用pagination-right
插槽,需要设置align
属性为 left
。
设置 align
为 center
时分页器将居中显示,且左右两个插槽都可使用。
Pagination API
Pagination Attributes
名称 | 说明 | 类型 | 默认值 | 是否必须 |
---|---|---|---|---|
align | 对齐方式 | string (center v0.1.28 新增) | 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 或 center (v0.1.28 新增) 时生效。 |
pagination-right v0.0.2 | 分页器右侧内容 ,align 为 left 或 center (v0.1.28 新增) 时生效。 |