分页扩展 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' |