• Pagination 分页器

    Pagination 分页器

    分页器组件,用于展示页码、请求数据等。组件名:uni-pagination,代码块: uPagination。

    使用方式:

    script 中引用组件

    1. import uniPagination from "@/components/uni-pagination/uni-pagination.vue"
    2. export default {
    3. components: {uniPagination}
    4. }

    用法

    1. <uni-pagination total="20"></uni-pagination>
    2. <uni-pagination
    3. show-icon="true"
    4. total="50"
    5. current="2">
    6. </uni-pagination>

    属性说明:

    属性名类型默认值说明
    prev-textString上一页左侧按钮文字
    next-textString下一页右侧按钮文字
    currentNumber1当前页
    totalNumber0数据总量
    pageSizeNumber10每页数据量
    show-iconBooleanfalse是否以 icon 形式展示按钮

    事件说明:

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

    Tips

    • 组件实际运行效果参考:https://github.com/dcloudio/uni-ui
    • npm 使用方式参考:https://ext.dcloud.net.cn/plugin?id=55