Skip to content

基本使用

跳转
条/页
vue

<template>
  <zeroPagination @pageChange="pageChange" @pageSizeChange="pageSizeChange"
                  :page-size="20" :total-count="2000000"></zeroPagination>
</template>
<script setup>
  import zeroPagination from "@/pagination/zeroPagination.vue";

  function pageChange(value) {
    console.log(value)
  }

  function pageSizeChange(value) {
    console.log(value)
  }
</script>

属性

属性名说明可选值默认值类型
pageSize每一页显示多少条数据-10Number
totalCount总共的数据个数-0Number
maxShow最多展示多少个页码按钮-6Number
currentPage当前定位在第几页-1Number
showTotal展示总条数-falseBoolean

事件

事件名说明参数
pageChange当前页码发生改变时当前处于第几页
pageSizeChange每页显示多少条数据发生改变时每页的条数