npagination 分页（齐思博）

基础用法

页数较少时的效果

页数较多时的效果

文案

<template>
  <div>
    <p>页数较少时的效果</p>
    <h-npagination :value="pageData1"></h-npagination>
    <p>页数较多时的效果</p>
    <h-npagination :value="pageData2"></h-npagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
    	pageData1: {
        page: 1,
        size: 10,
        total: 50
      },
      pageData2: {
        page: 1,
        size: 10,
        total: 100
      }
    }
  }
}
</script>

显示代码

Attributes（支持elementUI-Pagination分页所有配置）

参数	说明	类型	可选值	默认值
value / v-model	分页参数，默认为{ page: 1,size: 20,total: 0 },分别对应当前页，每页条数，总条数	Object	—	{ page: 1,size: 20,total: 0 }

Events

方法名	说明	参数
change	currentPage 改变时会触发	当前页
sizeChange	pageSize 改变时会触发	每页条数