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 | 是否在组件挂载时执行 | Boolean | true |
| callBackFunc | 请求成功后的回调函数 | (data: T[]) => void | undefined |
| watchParams | 参数监听 | Boolean | true |
返回值
| 参数 | 说明 | 类型 |
|---|---|---|
| rowskeys | 表格行选择的 key | Array |
| tableLoading | 表格加载状态 | Boolean |
| pagination | 表格分页参数 | PaginationInterFace |
| tableData | 表格数据 | T[] |
| getData | 获取表格数据 | (params?: PageInterFace) => Promise<void> |
| changeParamsCleanPage | 改变参数并清空分页 | (cleanParams: {}) => void |
| handleTableChange | 表格分页事件 | (pagination: PaginationConfig) => void |
