## 大数据分页

## 导入使用

```code[javascript]
import sePagination01 from "ss-universal-client-web/comp/data/su-pagination-01";
```

### 基本用法

:::demo 
```html
<template>
    <div>
        <su-pagination-01 :showGetCount="true" :getPage="getPage" :getCount="getCount" :length="dataList.length" :page.sync="page"></su-pagination-01>
    </div>
</template>
<script>
export default {
    components: {
        sePagination01
    },
    data() {
        return {
            dataList: [],
            page: {
                pageIndex: 1,
                pageSize: 10,
                pageCount: -1,
            }
        }
    },
    created() {
        this.getPage();
    },
    methods: {
        getPage() {
            let vm = this;
            setTimeout(() => {
                //假数据
                vm.dataList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
            }, 1000);
        },
        getCount() {
            let vm = this;
            setTimeout(() => {
                vm.page.pageCount = 20;
            }, 1000);
        }
    }
 };
</script>
```
:::


### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| totalTxt     |  获取总条数支持自定义          | string | — | — |
| showGetCount     |  是否显示获取总条数按钮         | boolean | true/false | 是否显示获取总条数按钮，默认true |
| getCount     |  获取总条数接口          | string | — | — |
| length     |  需要传当前页数组长度          | string | — | — |
| page.sync     |  分页配置(pageIndex：从下标第几条开始，pageSize：查询多少条，pageCount：总数)          | Object | — | — |

### Events

| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| getPage | 点击分页触发的事件 | — |