doc.md 2.8 KB

Pagination 分页

当数据量过多时,使用分页分解数据。


基础用法

基本的分页,页数过多时会自动折叠。

带有背景色的分页

设置background属性可以为分页按钮添加背景色。

小型分页

在空间有限的情况下,可以使用简单的小型分页。设置size为small即可。

显示总数

显示总共多少条数据,传递total,并设置show-total 为true即可。

每页数量

可以切换每页显示的数量。设置show-sizer 为 true

电梯

快速跳转到某一页。设置show-elevator 为 true

完整功能


Attributes

参数 说明 类型 可选值 默认值
total 总条目数 number
background 是否为分页按钮添加背景色 boolean false
small 可选值为small或不填(默认) string
current-page 当前页数 number 1
page-size 每页显示条目个数 number 10
page-size-opts 每页显示个数选择器的选项设置 array [10, 20, 30, 40]
show-total 显示总数 boolean false
show-elevator 显示电梯,可以快速切换到某一页 boolean false
show-sizer 显示分页,用来改变page-size boolean false


Events

事件名称 说明 回调参数
size-change pageSize 改变时会触发 每页条数
current-change currentPage 改变时会触发 当前页