style: 优化代码

2024-10-11 08:08:19 +08:00 · 2024-10-11 08:08:19 +08:00 · 26ac896f5c
commit 26ac896f5c
parent b20174d110
1 changed files with 5 additions and 2 deletions
--- a/apps/web-antd/src/components/dict/src/index.vue
+++ b/apps/web-antd/src/components/dict/src/index.vue
@ -41,11 +41,14 @@ const label = computed<number | string>(() => {
  const current = props.dicts.find((item) => item.dictValue == props.value);
  return current?.dictLabel ?? 'unknown';
 });
+
+const tagComponent = computed(() => (color.value ? Tag : 'div'));
 </script>

 <template>
  <div>
-    <Tag v-if="color" :class="cssClass" :color="color">{{ label }}</Tag>
-    <div v-if="!color" :class="cssClass">{{ label }}</div>
+    <component :is="tagComponent" :class="cssClass" :color="color">
+      {{ label }}
+    </component>
  </div>
 </template>