夏新然 / appweb

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>

实际效果参考：https://github.com/dcloudio/uni-ui

属性说明：

属性名	类型	默认值	说明
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，表示点击的是上一页还是下一个