更新记录

1.1.2（2021-10-08）

  • 修复 current 、value 属性未监听，导致高亮样式失效的 bug

1.1.0（2021-07-30）

查看更多

平台兼容性

Vue2 Vue3
√ √
App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
app-vue app-nvue √ √ √ √ √ ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

Pagination 分页器

组件名：uni-pagination 代码块： uPagination

分页器组件，用于展示页码、请求数据等。

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

如需通过npm方式使用uni-ui组件，另见文档：https://ext.dcloud.net.cn/plugin?id=55

基本用法

在 template 中使用组件

<uni-pagination title="标题文字" total="20"></uni-pagination>
<uni-pagination title="标题文字" show-icon="true" total="50" current="2"></uni-pagination>

API

Pagination Props

属性名 类型 默认值 说明
prevText String 上一页 左侧按钮文字
nextText String 下一页 右侧按钮文字
value/v-model Number 1 当前页
current Number 1 当前页, 优先级高于 value
total Number 0 数据总量
pageSize Number 10 每页数据量
showIcon Boolean false 是否以 icon 形式展示按钮

Pagination Events

事件称名 说明 返回值
@change 点击页码按钮时触发 e={type,current} current为当前页，type值为：next/prev，表示点击的是上一页还是下一个

组件示例

点击查看：https://hellouniapp.dcloud.net.cn/pages/extUI/pagination/pagination

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

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

无

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

无

许可协议

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

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

加载更多...