Skip to content

usePagination

分页器 hooks

返回值

名称类型说明
paginationRefRef<UsePaginationOptions>响应式分页配置项
setItemCount(itemCount: number) => void设置总条数
getPage() => number获取页码
setPage() => number设置页码
getPageSize() => number获取分页条数
setPageSize(pageSize: number) => void设置分页条数
getPaginationgetPagination: () => UsePaginationOptions获取分页配置项
getCallbackT | 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)
  },
})

Released under the MIT License.