Skip to content

Pagination 分页

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

基础用法

设置最大页码按钮数

默认情况下,当总页数超过 7 页时,Pagination 会折叠多余的页码按钮。 通过 pager-count 属性可以设置最大页码按钮数。

自定义上一页和下一页的文案

带有背景色的分页

设置 background 属性可以为分页按钮添加背景色。

Props

属性名说明类型可选值默认值
current类型string-1
size每页显示条目个数boolean-10
total总条目数boolean-0
pager-count最大页码按钮数。当总页数超过该值时会折叠string-7
prev-text显示的上一页文字string--
next-text显示的下一页文字string--
background显示页码的背景boolean--

Events

名称说明类型
current-change当页码改变时触发({current:number}) => void
prev-page点击上一页按钮时触发({current:number}) => void
next-page点击下一页按钮时触发({current:number}) => void