fes.js/packages/fes-doc/docs/ui/pagination.md
2020-08-27 17:18:57 +08:00

3.5 KiB
Raw Blame History

pageClass
comp-page-class

Pagination 分页

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

概述

当加载/渲染所有数据将花费很多时间时;可切换页码浏览数据。

代码示例

基本用法。

快捷跳转到想去的页码。

配置sizeList属性即可默认为[8, 16, 32, 50, 100]

API

Props

属性 说明 类型 默认值
current 当前第几页 Number 1
size 每一页的条数 Number 8
total 总页数 Number 0
sizeList 每页条数的可选列表 Array [8, 16, 32, 50, 100]
locking 是否锁定, 当锁定时,上一页下一个等操作被禁止 Boolean false
showQuickJumper 是否开启快捷跳转 Boolean false
showSizeChanger 是否显示分页个数的选择框 Boolean true

Events

事件名 说明 返回值
on-change 上一页、下一页、回到首页、回到最后一页、跳转时触发 ({ current, size })