Pagination 分页
采用分页的形式分隔长列表,每次只加载一个页面。
基本使用
基本分页。
更多
更多分页。
改变
改变每页显示条目数。
跳转
快速跳转到某一页。
总计
使用total插槽展示总计。
全部展示
展示所有配置选项。
Props 属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| current | 当前页数 | number | - | |
| defaultCurrent | 默认的当前页数 | number | 1 | |
| defaultPageSize | 默认的每页条数 | number | 10 | |
| disabled | 禁用分页 | boolean | - | |
| hideOnSinglePage | 只有一页时是否隐藏分页器 | boolean | false | |
| pageSize | 每页条数 | number | - | |
| pageSizeOptions | 指定每页可以显示多少条 | number[] | [10, 20, 50, 100] | |
| showQuickJumper | 是否可以快速跳转至某页 | boolean | false | |
| showSizeChanger | 是否展示 pageSize 切换器,当total大于50时默认为true | boolean | false | |
| showTitle | 是否显示原生 tooltip 页码提示 | boolean | true | |
| total | 数据总数 | number | 0 |
Events 事件
| 事件 | 说明 | 类型 |
|---|---|---|
| change | 页码或 pageSize 改变的回调,参数是改变后的页码及每页条数 | (value: {page, pageSize}) => void |
| showSizeChange | pageSize 变化的回调 | (value: {current, size}) => void |
Slots 插槽
| 插槽名 | 说明 |
|---|---|
| total | 自定义总计内容 |