更新记录

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. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答

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