API
<a-pagination @change="onChange" :total="50" />
参数 |
说明 |
类型 |
默认值 |
current(v-model) |
当前页数 |
number |
- |
defaultCurrent |
默认的当前页数 |
number |
1 |
defaultPageSize |
默认的每页条数 |
number |
10 |
hideOnSinglePage |
只有一页时是否隐藏分页器 |
boolean |
false |
itemRender |
用于自定义页码的结构,可用于优化 SEO |
(page, type: 'page' | 'prev' | 'next', originalElement) => vNode |
- |
pageSize(.sync) |
每页条数 |
number |
- |
pageSizeOptions |
指定每页可以显示多少条 |
string[] |
['10', '20', '30', '40'] |
showQuickJumper |
是否可以快速跳转至某页 |
boolean |
false |
showSizeChanger |
是否可以改变 pageSize |
boolean |
false |
showTotal |
用于显示数据总量和当前数据顺序 |
Function(total, range) |
- |
simple |
当添加该属性时,显示为简单分页 |
boolean |
- |
size |
当为「small」时,是小尺寸分页 |
string |
"" |
total |
数据总数 |
number |
0 |
事件
事件名称 |
说明 |
回调参数 |
change |
页码改变的回调,参数是改变后的页码及每页条数 |
Function(page, pageSize) |
showSizeChange |
pageSize 变化的回调 |
Function(current, size) |