# Pagination 分页

## 何时使用
当数据量过多时，使用分页分解数据。


### 基础用法
基础分页。

@[demo](demo/basic.vue)

### 全部功能
设置`layout`为'prev,next,pager,jumper,sizes,total'展示所有。

@[demo](demo/full.vue)

### 迷你版
空间有限时设置`small`属性为`true`缩小组件体积。  
或者设置`simple`属性为`true`显示为简化版分页。

@[demo](demo/mini.vue)


### props

| 参数            | 说明                      | 类型                      | 可选值 | 默认值 |
| --------------- | ------------------------- | ------------------------- | ------ | ------ |
| total           | 数据总数                  | number                    | -      | -      |
| pageSize        | 每页显示条数              | number                    | -      | 20     |
| pageSizes       | 可以选择的 pageSize 列表  | number                    | -      | 20     |
| currentPage     | 当前页码，可用`.sync`标识 | number                    | -      | -      |
| layout | 布局 | string | 'prev', 'next', 'pager', 'jumper', 'sizes', 'total', | 'prev,pager,next' | 
| hideIfSingle    | 是否在只有一页的时候隐藏  | boolean                   | -      | false  |
| on-change       | 页码变化时的回调          | function(newPage: number) | -      | -      |
| small           | 是否是小尺寸分页          | boolean                   | -      | false  |
| simple          | 是否是简化版分页          | boolean                   | -      | false  |
| align           | 设置水平对齐方式          | string                   | left   right   center | right  |