- Pagination 分页器
Pagination 分页器
分页器组件,用于展示页码、请求数据等。组件名:uni-pagination,代码块: uPagination。
使用方式:
在 script 中引用组件
import uniPagination from "@/components/uni-pagination/uni-pagination.vue"export default {components: {uniPagination}}
用法
<uni-pagination total="20"></uni-pagination><uni-paginationshow-icon="true"total="50"current="2"></uni-pagination>
属性说明:
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| prev-text | String | 上一页 | 左侧按钮文字 |
| next-text | String | 下一页 | 右侧按钮文字 |
| current | Number | 1 | 当前页 |
| total | Number | 0 | 数据总量 |
| pageSize | Number | 10 | 每页数据量 |
| show-icon | Boolean | false | 是否以 icon 形式展示按钮 |
事件说明:
| 事件称名 | 说明 | 返回参数 |
|---|---|---|
| change | 点击页码按钮时触发 | {type,current} current为当前页,type值为:next/prev,表示点击的是上一页还是下一个 |
Tips
- 组件实际运行效果参考:https://github.com/dcloudio/uni-ui
- npm 使用方式参考:https://ext.dcloud.net.cn/plugin?id=55
