分页 Pagination

采用分页控制单页内的信息数量,也可进行页面跳转

基础用法

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

可选择页面大小

设置page-sizes属性即可

跳转

在属性layout添加jumper即可

完整功能

pagination完整功能

API

Attributes

属性名描述类型默认值
page-config分页器控制对象,page:当前页,pageSize:页面大小,total:数据总条数{page:number,pageSize:number,total:0}必填
page-sizes每页显示个数选择器的选项设置number[][10,20,30]
layout组件布局,子组件名用逗号分隔total, prev, pager, next, sizes, jumperprev, pager, next

Events

name描述函数类型
page-changePage 改变时会触发(page:number) => void
page-size-changepageSize 改变时会触发(page:Number) => void
prev点击上一页按钮触发(page:Number) => void
next点击下一页按钮触发(page:Number) => void

最后更新时间: