.

src/components/EnumSelect.vue

@@ -6,6 +6,7 @@
         :clearable="clearable"
         @clear="clear"
         :multiple="multiple"
+        :multipleLimit="multipleLimit"
     >
         <ElOption v-for="item in options" :key="item.value" :value="item.value" :label="item.label" />
     </ElSelect>
@@ -30,7 +31,8 @@ const props = defineProps({
     multiple: {
         type: Boolean,
         default: false
-    }
+    },
+    multipleLimit: {}
 })
 const emit = defineEmits(['update:modelValue'])
 const options = computed(() => {

src/views/UserView.vue

@@ -30,7 +30,7 @@
             <ElInput v-model="model.password" placeholder="请输入密码" />
         </ElFormItem>
         <ElFormItem prop="roles" label="角色">
-            <EnumSelect v-model="model.roles" :enum="UserRole" />
+            <EnumSelect v-model="model.roles" :enum="UserRole" multiple :multiple-limit="1"/>
         </ElFormItem>
     </EditDialog>
 </template>