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