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 | 自定义总计内容 |