mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-11-09 16:02:17 +08:00
3.5 KiB
3.5 KiB
| pageClass |
|---|
| comp-page-class |
Pagination 分页
采用分页的形式分隔长列表,每次只加载一个页面。
概述
当加载/渲染所有数据将花费很多时间时;可切换页码浏览数据。
代码示例
基本用法。
快捷跳转到想去的页码。
配置sizeList属性即可,默认为[8, 16, 32, 50, 100]
API
Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| current | 当前第几页 | Number | 1 |
| size | 每一页的条数 | Number | 8 |
| total | 总页数 | Number | 0 |
| sizeList | 每页条数的可选列表 | Array | [8, 16, 32, 50, 100] |
| locking | 是否锁定, 当锁定时,上一页下一个等操作被禁止 | Boolean | false |
| showQuickJumper | 是否开启快捷跳转 | Boolean | false |
| showSizeChanger | 是否显示分页个数的选择框 | Boolean | true |
Events
| 事件名 | 说明 | 返回值 |
|---|---|---|
| on-change | 上一页、下一页、回到首页、回到最后一页、跳转时触发 | ({ current, size }) |