pagination 分页（齐思博）

基础用法

UI改版前的分页，后续请使用npagination。

页数较少时的效果

页数较多时的效果

文案

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

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

    }
  }
}
</script>

显示代码

Attributes

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

Events

方法名	说明	参数
change	分页变化时回调	当前页