mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +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 }) |