更新记录
1.0(2024-06-19)
下载此版本
由于uni-pagination在小程序中有bug,故使用Vue 2语法进行封装。
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
介绍
仿uni-ui分页器组件,用于展示页码、请求数据等。
基本用法
<li-pagination v-model="pageNum" :total="99" :pageSize="10" showIcon />
API
Pagination Props
| 属性名 |
类型 |
默认值 |
说明 |
| prevText |
String |
上一页 |
左侧按钮文字 |
| nextText |
String |
下一页 |
右侧按钮文字 |
| value/v-model |
Number |
|
当前页 |
| total |
Number |
0 |
数据总量 |
| pageSize |
Number |
10 |
每页数据量 |
| showIcon |
Boolean |
false |
是否以 icon 形式展示按钮 |
Pagination Events
| 事件称名 |
说明 |
返回值 |
| @change |
点击页码按钮时触发 |
e={type,current} current为当前页,type值为:next/prev,表示点击的是上一页还是下一个 |