组件

Pagination 分页

当数据量较多一屏展示不下时,可使用分页快速进行数据切换。 API文档 组件问题反馈和讨论

使用方法

  • 用户知悉页面总量,支持在当页或其他页面进行进一步操作。

基础样式 #

最基本的分页样式,当分页小于7页时,全部展示
<code>
显示代码

更多分页 #

当分页大于6页时,部分页码隐藏
<code>
显示代码

可选择每页数量 #

可以选择每页显示列表数量
<code>
显示代码

可跳转至某页 #

出现跳转输入框,输入页数按下enter键即可跳转到相对应的页数
<code>
显示代码

显示总数 #

可选择是否显示总数
<code>
显示代码

MINI页码 #

去除了翻页按钮边框的简洁型翻页。
<code>
显示代码

参数配置 #

属性
类型(是否必要)
描述
current
Number(选填)
当前页码
pageSize
Number(选填)
每页条数默认10条
total
Number(必填)
总条数
pageSizeOptions
Array(选填)
下拉条数数组[10, 20, 50, 100]
showPageSize
Boolean(选填)
是否显示分页切换,默认false
showTotal
Boolean(选填)
是否显示总条数,默认false
showTotalPage
Boolean(选填)
是否显示总页数,默认false
showJump
Boolean(选填)
是否显示跳转框,默认false
onChange
Function(选填)
分页点击回调函数
onShowSizeChange
Function(选填)
每页下拉回调函数
type
String(选填)
分页类型默认complete,可选mini
errNotice
String(选填)
错误提示文案
language
Object(选填)
多语言
showTextBtn
Boolean(选填)
是否使用文字替换上下页箭头
showInfo
Boolean(选填)
是否显示分页信息(待更新)