页码 Pagination

长数据之友。

基础用法

禁用

取消背景边框

定制文字

快速跳跃

API

Pagination Props

名称类型可选值默认值说明
totalstring | number--总数
page-num / v-model:page-numnumber--当前页数
default-page-numbernumber-1默认页数
page-sizestring | number-10每页显示条数
sizes-listarray-[ 10, 20, 50, 100 ]每页显示条数的选项设置
pager-countstring | number-7最大页码数,须为大于等于 5 且小于等于 21 的奇数
disabledboolean-false是否禁用
layoutstringtotalPages | total | prev | pager | next | jumper | sizestotal,prev,pager,next自定义组件布局
prev-textstring--替代图标显示的上一页文案
next-textstring--替代图标显示的上一页文案
total-tmp-stringstring-共 {total} 条替代总数文案模板
pages-tmp-stringstring-共 {totalPages} 页替代总页数文案模板
sizes-tmp-stringstring-{value}条/页替代每页显示条数选项文案模板
backgroundboolean-true是否添加背景色
simpleboolean-false是否渲染成简洁分页
hide-on-single-pageboolean-false只有一页时隐藏

事件

名称参数说明
page-changepageNum页码切换时触发
size-changepageSize每页条数切换时触发

最近更新于: