Pagination 分页
当数据量过多时,使用分页分批次加载数据。
演示
基础用法
只需要传递 total
或者 page-count
就能显示一个分页组件. 在 change
事件中进行分页处理.
对齐方式
通过 align
可以设置对齐方式,取值有: start
默认、center
、end
单页隐藏
当只有一页时,通过 single-hide
配置隐藏分页
简单分页
简单的分页,在空间有限的情况下,可以使用简单分页。
API
Pagination Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
total | 数据总数 | number | - |
page-count | 页码总数, total 和 page-count 设置任意一个就可以达到显示页码的功能 | number | - |
page-size | 每页的数据条数 | number | 10 |
default-current-page | 当前页数的默认初始值,不设置时默认为 1 | number | 1 |
align | 对齐方式 | start | center | end | start |
hide-on-single-page | 只有一页时是否隐藏分页器 | boolean | false |
simple | 简单分页 | boolean | false |
page | v-model:page | 当前页数[受控模式] | number | - |
Pagination Emits
事件名 | 说明 | 回调参数 |
---|---|---|
change | 当前页改变时触发 | currentPage: number |