• Pagination 分页
    • 基础用法
    • 小型分页
    • 附加功能
    • Attributes
    • Events

    Pagination 分页

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

    基础用法

    Pagination 分页 - 图1

    小型分页

    在空间有限的情况下,可以使用简单的小型分页。

    Pagination 分页 - 图2

    附加功能

    根据场景需要,可以添加其他功能模块。

    Pagination 分页 - 图3

    Attributes

    参数说明类型可选值默认值
    small是否使用小型分页样式Booleanfalse
    pageSize每页显示条目个数Number10
    total总条目数Number-
    pageCount总页数,total 和 pageCount 设置任意一个就可以达到显示页码的功能;如果要支持 pageSizes 的更改,则需要使用 total 属性Number-
    currentPage当前页数Number1
    layout组件布局,子组件名用逗号分隔Stringsizes, prev, pager, next, jumper, ->, total'prev, pager, next, jumper, ->, total'
    pageSizes每页显示个数选择器的选项设置Number[][10, 20, 30, 40, 50, 100]

    Events

    事件名称说明回调参数
    onSizeChangepageSize 改变时会触发每页条数size
    onCurrentChangecurrentPage 改变时会触发当前页currentPage