分页扩展 API
分页扩展。
const { ...ReturnValues } = usePagination<R, P>(Service, Options);
用法参考: 分页扩展
Return Values
current
类型:
Ref<number>默认值:
1当前页数。我们在内部监听了该值,当你直接修改
current的时,会自动触发changeCurrent方法。因此你可以配合v-model使用。
pageSize
类型:
Ref<number>默认值:
10每页获取的条数。我们在内部监听了该值,当你直接修改
pageSize的时,会自动触发changePageSize方法。因此你可以配合v-model使用。
total
类型:
Ref<number>默认值:
0数据总数。
totalPage
changeCurrent
类型:
(current: number) => void修改当前页数
changePageSize
类型:
(pageSize: number) => void修改每页获取的条数
changePagination
类型:
(current: number, pageSize: number) => void同时修改页数和条数
Options
pagination
类型:
{ currentKey?: string; pageSizeKey?: string; totalKey?: string; totalPageKey?: string; }详情:
提示
totalKey 和 totalPageKey 均使用 lodash.get 来实现的,因此支持传入对象属性的路径来获取值,详情可以参考 lodash文档在新窗口打开
| pagination 字段 | 说明 | 默认值 |
|---|---|---|
| currentKey | 你可以通过该值指定接口 当前页数 参数的属性值 | 'current' |
| pageSizeKey | 你可以通过该值指定接口 每页获取条数 参数的属性值 | 'pageSize' |
| totalKey | 指定 data 中 total 属性的路径 | 'total' |
| totalPageKey | 指定 data 中 totalPage 属性的路径 | 'totalPage' |
