Pagination 分页
代码演示
API
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
|---|---|---|---|---|---|
| before-change | 当前页变化之前触发的回调函数（用于拦截除pageSize改变外发生的当前页变化） | Function | — | — | v1.3.0 |
| current-pager | 当前第几页, 支持sync修饰符 | Number | — | 1 | v2.0.0 |
| current-page | * 同current-pager | Number | — | 1 | v2.0.0 |
| disabled | 是否禁用分页 | Boolean | — | false | v2.0.0 |
| max-pager | 最大显示页码数目 (超过页码将被折叠, 最小值为5) | Number | — | 8 | |
| pager-count | * 同max-pager | Number | — | 8 | v2.0.0 |
| plain | 是否使用轻量级分页样式(不带背景) | Boolean | — | false | |
| page-size | 每页显示条目个数, 支持sync修饰符 | Number | — | 10 | v2.0.0 |
| page-sizes | 每页显示个数选择器的选项设置 | Number[] | — | — | |
| popper-class | 分页选择器的下拉气泡类名 | String | — | — | v2.0.0 |
| small | 是否启用小型分页 | Boolean | — | false | |
| show | 启用附加功能 | String[] | ['prev', 'pager', 'next', 'sizes', 'total', 'jump'] | ['prev', 'pager', 'next'] | v2.0.0 |
| layout | * 功能同show, 子组件名用英文逗号分隔 | String | 'prev, pager, next, sizes, total, jumper' | — | v2.0.0 |
| total | 总数据长度 | Number | — | — | |
| hide-on-single-page | 分页数为1时是否隐藏组件 | Boolean | — | — | v2.0.0 |
| prev-text | 替代图标显示的上一页文字 | String | — | — | v2.0.0 |
| next-text | 替代图标显示的下一页文字 | String | — | — | v2.0.0 |
Events
| 参数 | 说明 | 回调参数 | Version |
|---|---|---|---|
| actived-change | 当前页码发生变化时触发 | 当前页码 | |
| current-change | * 同actived-change | 当前页码 | v2.0.0 |
| page-size-change | page-size发生变化时触发 | 每页数据长度 | |
| size-change | * 同page-size-change | 每页数据长度 | v2.0.0 |
| to-prev | 点击上一页 | 当前页码 | |
| prev-click | * 同to-prev | 当前页码 | v2.0.0 |
| to-next | 点击下一页 | 当前页码 | |
| next-click | * 同to-next | 当前页码 | v2.0.0 |
贡献者
| 类型 | 参与者 |
|---|---|
| 设计者 | UED视觉组 |
| 维护者 | UED前端组 |