From 737d0fa94ba052cac6225e24d50a80e24cdea25d Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Thu, 30 Oct 2025 10:11:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8E=A5=E5=8F=A3=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=9C=80=E8=A6=81=E6=A0=B9=E6=8D=AE=E5=A4=9A?=
 =?UTF-8?q?=E4=B8=AA=E6=9E=9A=E4=B8=BE=E5=80=BC=E5=8A=A8=E6=80=81=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E7=BB=93=E6=9E=9C=E6=B8=B2=E6=9F=93=EF=BC=88=E5=A4=9A?=
 =?UTF-8?q?=E4=B8=AA=E6=9E=9A=E4=B8=BE=E5=80=BC=E6=98=AF=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E8=BF=94=E5=9B=9E=EF=BC=8C=E5=B9=B6=E4=B8=94=E4=B8=8D=E7=9F=A5?=
 =?UTF-8?q?=E9=81=93=E5=85=B7=E4=BD=93=E8=BF=94=E5=9B=9E=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/modules/demo.ts                    |  4 ++
 src/views/demo/computedWithEnumList/index.vue | 40 +++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 src/views/demo/computedWithEnumList/index.vue

diff --git a/src/router/modules/demo.ts b/src/router/modules/demo.ts
index 7a30dda..7b52f8f 100644
--- a/src/router/modules/demo.ts
+++ b/src/router/modules/demo.ts
@@ -146,6 +146,10 @@ const titleArr = [
         key: 'computedRules',
         title: 'ElementUI的form组件使用rules时动态计算并传入组件实例',
     },
+    {
+        key: 'computedWithEnumList',
+        title: '接口返回数据需要根据多个枚举值动态计算结果渲染（多个枚举值是接口返回，并且不知道具体返回时间）',
+    },
 ];
 
 // @/views/demo/**/*.vue
diff --git a/src/views/demo/computedWithEnumList/index.vue b/src/views/demo/computedWithEnumList/index.vue
new file mode 100644
index 0000000..977e565
--- /dev/null
+++ b/src/views/demo/computedWithEnumList/index.vue
@@ -0,0 +1,40 @@
+<template>
+    <div class="p-5 space-y-5 !bg-gray-100">
+        <el-card
+            header="页面请求一个初始化数据，初始化数据中只返回了枚举值的key, 需要异步获取所有枚举列表（多个枚举值是接口返回，并且不知道具体返回时间），然后根据key获取对应的value再进行渲染"
+        >
+        </el-card>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            pageInfo: {},
+            enumList: [
+                {
+                    // 性别
+                    sexOptions: [],
+                    // 学历
+                    eduList: [],
+                    // 婚姻状况
+                    marriageList: [],
+                    // 身份证件类型
+                    idTypeList: [],
+                    // 职业
+                    jobList: [],
+                    // 民族
+                    nationList: [],
+                },
+            ],
+        };
+    },
+    created() {
+        this.getPageInfo();
+        this.getEnumList();
+    },
+};
+</script>
+
+<style lang="scss" scoped></style>