usePagination
分页器 hooks。
返回值
| 名称 | 类型 | 说明 |
|---|---|---|
| paginationRef | Ref<UsePaginationOptions> | 响应式分页配置项 |
| setItemCount | (itemCount: number) => void | 设置总条数 |
| getPage | () => number | 获取页码 |
| setPage | () => number | 设置页码 |
| getPageSize | () => number | 获取分页条数 |
| setPageSize | (pageSize: number) => void | 设置分页条数 |
| getPagination | getPagination: () => UsePaginationOptions | 获取分页配置项 |
| getCallback | T | undefined | 获取设置的回调函数 |
| setCallback | <T extends AnyFC>(callback: T) => void | 动态设置回调函数 |
| resetPagination | () => void | 重置分页配置 |
基础使用
code
tsx
import { usePagination } from '@/hooks'
const Demo = defineComponent({
setup() {
const [
paginationRef,
{ getPage, getPageSize, setItemCount, setCallback, setPage },
] = usePagination()
// 获取人员列表
const getPersonList = () => {
// ...
}
setCallback(getPersonList)
},
})