扫描二维码查看 H5 演示效果
扫描二维码查看演示效果
taro-ui, 非 taro-ui-vue3
Pagination 分页器
用于展示页码、请求数据等。
使用指南
在 Taro 文件中引入组件
import { AtPagination } from 'taro-ui-vue3'
组件依赖的样式文件（仅按需引用时需要）
@import "taro-ui-vue3/dist/style/components/pagination.scss";
用法
<AtPagination
:total="50"
:pageSize="10"
:current="1"
>
</AtPagination>
<AtPagination
icon
:total="50"
:pageSize="10"
:current="1"
>
</AtPagination>
Pagination 参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| current | 当前页 | Number | - | 1 |
| total | 数据总量 | Number | - | 0 |
| pageSize | 每页数据量 | Number | - | 20 |
| icon | 是否以 icon 形式展示按钮 | Boolean | - | false |
Pagination 事件
| 事件名称 | 说明 | 返回参数 |
|---|---|---|
| onPageChange | 点击页码按钮时触发 | type, current |