# 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 改变时会触发 当前的每页条数