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-pagination 
    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 点击页码按钮时触发 {type,current} current为当前页,type值为:next/prev,表示点击的是上一页还是下一个

Tips

隐私、权限及商业化声明

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

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

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

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