useList 列表hook
代码示例
ts
const { list, loading, pager, getList } = useList(
() => axios.get('/api/list'),
(data: Record<string, any>[]) => {
// 处理数据
// ...
return data;
},
);
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
requestFun | 请求函数 | () => Promise<any> | - |
callback | 数据处理函数 | (data: Record<string, any>[]) => Record<string, any>[] | - |
useFetch | 可选项,项目中自己重写的useFetch函数 | UseFetch | - |
UseFetch类型定义
ts
type UseFetch = (
requestFun: () => Promise<AxiosResponse<any>>,
callback: (data: any) => void,
finallyCallback?: () => void
) => void;
返回值
参数 | 说明 | 类型 |
---|---|---|
list | 列表数据 | Ref<Record<string, any>[]> |
loading | 加载状态 | Ref<boolean> |
pager | 分页信息 | Ref<{page: number, size: number, total: number}> |
getList | 刷新列表 | () => void |