Skip to content

usePage 钩子

  • 用来生成表格组件的事件

用法

js
import { usePage } from "profield";

//table方法封装
const { tableLoading, pagination, tableData, getData, changeParamsCleanPage } =
  usePage({
    AJAXFunc: categoryList,
  });

参数

参数说明类型默认值
AJAXFunc请求函数(page: PageInterFace) => Promise<AxiosResponse<PageAjax<T>>>-
params默认参数PageInterFace-
runOnMounted是否在组件挂载时执行Booleantrue
callBackFunc请求成功后的回调函数(data: T[]) => voidundefined
watchParams参数监听Booleantrue

返回值

参数说明类型
rowskeys表格行选择的 keyArray
tableLoading表格加载状态Boolean
pagination表格分页参数PaginationInterFace
tableData表格数据T[]
getData获取表格数据(params?: PageInterFace) => Promise<void>
changeParamsCleanPage改变参数并清空分页(cleanParams: {}) => void
handleTableChange表格分页事件(pagination: PaginationConfig) => void

杨利伟的博客