# Pagination 分页
当数据量过多时,使用分页分解数据
# 效果
# 基础用法
<ss-pagination :total="500" :current="3"></ss-pagination>
1
# small 分页器
<ss-pagination :total="500" :current="3" small></ss-pagination>
1
# 设置pageSize为20
<ss-pagination :total="500" :pageSize="20" ></ss-pagination>
1
# 可以更换pageSize
<ss-pagination :total="500" showSizeChanger @sizeChange="sizeChange" ></ss-pagination>
1
# 能够跳页
<ss-pagination :total="500" showQuickJumper @change="change" ></ss-pagination>
1
# 参数
参数 | 说明 | 类型 | 默认值 | 支持版本 |
---|---|---|---|---|
total | 总条数 | Number | — | - |
current | 当前页 | Number | 1 | - |
small | 是否使用小型分页样式 | Boolean | false | 1.3.16及其以上 |
pageSize | 每页显示条目个数 | Number | 10 | - |
showSizeChanger | 是否可以改变 pageSize | Boolean | false | - |
pageSizeOptions | 指定每页可以显示多少条 | Array | [10, 20, 50, 100] | - |
showQuickJumper | 是否可以快速跳转至某页 | Boolean | false | - |
pager-count | 页码按钮(除上/下一页按钮外,包括省略号)显示数量, 能够控制折叠后整个分页器的长度 | Number | 9 | 2.24.4 |
# 事件
事件名称 | 说明 | 回调参数 |
---|---|---|
change | 页码改变的回调 | 当前页 |
sizeChange | pageSize 改变时会触发 | 当前的每页条数 |