diff --git a/src/api/hook-demo/use-fullscreen-loading.ts b/src/api/hook-demo/use-fullscreen-loading.ts index c8cf7ec..756cd7e 100644 --- a/src/api/hook-demo/use-fullscreen-loading.ts +++ b/src/api/hook-demo/use-fullscreen-loading.ts @@ -1,15 +1,17 @@ /** 模拟接口响应数据 */ const SUCCESS_RESPONSE_DATA = { code: 0, - data: {}, + data: { + list: [] as number[] + }, message: "获取成功" } /** 模拟请求接口成功 */ -export function getSuccessApi() { +export function getSuccessApi(list: number[]) { return new Promise((resolve) => { setTimeout(() => { - resolve(SUCCESS_RESPONSE_DATA) + resolve({ ...SUCCESS_RESPONSE_DATA, data: { list } }) }, 1000) }) } diff --git a/src/views/hook-demo/use-fullscreen-loading.vue b/src/views/hook-demo/use-fullscreen-loading.vue index 460444a..584087b 100644 --- a/src/views/hook-demo/use-fullscreen-loading.vue +++ b/src/views/hook-demo/use-fullscreen-loading.vue @@ -22,8 +22,11 @@ const options = { } const querySuccess = async () => { - const res = await useFullscreenLoading(getSuccessApi)() - ElMessage.success(res.message) + // 注意: + // 1. getSuccessApi 是一个函数而非函数调用 + // 2. 如需给 getSuccessApi 函数传递参数,请在后面的括号中进行(真正的 getSuccessApi 调用) + const res = await useFullscreenLoading(getSuccessApi)([2, 3, 3]) + ElMessage.success(`${res.message},传参为${res.data.list}`) } const queryError = async () => {