You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/pagination/index.zh-CN.md

1.8 KiB

category subtitle type title cols cover
Components 分页 导航 Pagination 1 https://gw.alipayobjects.com/zos/alicdn/1vqv2bj68/Pagination.svg

采用分页的形式分隔长列表,每次只加载一个页面。

API

<a-pagination @change="onChange" :total="50" />
参数 说明 类型 默认值 版本
current(v-model) 当前页数 number -
defaultPageSize 默认的每页条数 number 10
disabled 禁用分页 boolean - 1.5.0
hideOnSinglePage 只有一页时是否隐藏分页器 boolean false
itemRender 用于自定义页码的结构,可用于优化 SEO ({page, type: 'page' | 'prev' | 'next', originalElement}) => vNode | v-slot -
pageSize(v-model) 每页条数 number -
pageSizeOptions 指定每页可以显示多少条 string[] ['10', '20', '30', '40']
responsive 当 size 未指定时,根据屏幕宽度自动调整尺寸 boolean - 3.1
showLessItems 是否显示较少页面内容 boolean false 1.5.0
showQuickJumper 是否可以快速跳转至某页 boolean false
showSizeChanger 是否可以改变 pageSize boolean false
showTotal 用于显示数据总量和当前数据顺序 Function(total, range) -
simple 当添加该属性时,显示为简单分页 boolean -
size 当为「small」时是小尺寸分页 string ""
total 数据总数 number 0

事件

事件名称 说明 回调参数
change 页码或 pageSize 改变的回调,参数是改变后的页码及每页条数 Function(page, pageSize) noop
showSizeChange pageSize 变化的回调 Function(current, size) noop