feat: 新增字典组件封装和示例

Former-commit-id: bb4ce3c0504987d8f33dbd09c93f685e5ca3b9df
2023-07-20 01:31:23 +08:00
parent c56ed76534
commit 3372a05e0b
5 changed files with 107 additions and 32 deletions
--- a/src/views/demo/dict.vue
+++ b/src/views/demo/dict.vue
@@ -0,0 +1,21 @@
+<!-- 字典组件示例 -->
+<script setup lang="ts">
+const genderDefaultValue = ref("1"); // 性别默认
+</script>
+
+<template>
+  <div class="app-container">
+    <el-link
+      href="https://gitee.com/youlaiorg/vue3-element-admin/blob/master/src/views/demo/dict.vue"
+      type="primary"
+      target="_blank"
+      class="mb-[20px]"
+      >示例源码 请点击>>>></el-link
+    >
+    <el-form>
+      <el-form-item label="性别">
+        <dictionary v-model="genderDefaultValue" type-code="gender" />
+      </el-form-item>
+    </el-form>
+  </div>
+</template>