Skip to content

分页组件

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

基本用法

这是一个基本分页

loading

更多

更多分页,设置 showTotal 属性 ,但仅当 total 大于 50 时显示

loading

自定义分页大小

可自定义分页大小,默认是 [10, 20, 30, 40]

loading

跳转分页

可设置属性 showJumpertrue 显示跳转分页

loading

自定义上下页

可自定义上下页的内容,通过 #prev#next 插槽自定义

loading

API

props

参数说明类型默认值
v-model:current当前页码number1
v-model:pageSize每页条数number10
total总数据条数number0
showTotal是否显示总数据条数booleanfalse
showJumper是否显示跳转分页booleanfalse
pageSizeOptions分页大小选项number[][10, 20, 30, 40]

event

事件名说明类型
change页码或每页条数改变时触发(current: number, pageSize: number) => void