From 8c89dbd743b96dcf62cef15335aff42465e7364c Mon Sep 17 00:00:00 2001 From: ClariS <1457715339@qq.com> Date: Fri, 25 Aug 2023 12:34:13 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=20useFullscreenLoadi?= =?UTF-8?q?ng=20hook=20=E7=A4=BA=E4=BE=8B=20(#121)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/hook-demo/use-fullscreen-loading.ts | 8 +++++--- src/views/hook-demo/use-fullscreen-loading.vue | 7 +++++-- 2 files changed, 10 insertions(+), 5 deletions(-) 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 () => {