更新记录

1.0.3(2019-11-12)

  • 优化 可在nvue页面中使用

1.0.1(2019-09-21)

  • 修复 示例项目组件引用错的 Bug
查看更多

Pagination 分页器

已经支持在nvue页面中使用

分页器组件,用于展示页码、请求数据等。组件名:uni-pagination,代码块: uPagination。

使用方式

script 中引用组件

import uniPagination from '@/components/uni-pagination/uni-pagination.vue'
export default {
    components: {uniPagination}
}

template 中使用组件

<uni-pagination title="标题文字" total="20"></uni-pagination>
<uni-pagination title="标题文字" show-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 点击页码按钮时触发 e={type,current} current为当前页,type值为:next/prev,表示点击的是上一页还是下一个

插件预览地址

https://uniapp.dcloud.io/h5/pages/extUI/pagination/pagination

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问