SelectEnum

CuiSelectEnum 枚举选择框

CuiSelectEnum

CuiSelectEnum 是面向枚举数据的选择框，通过 enumCode 从枚举服务自动加载候选项，无需手动传入 options。

枚举选择基础用法

传入 enum-code，组件自动从枚举服务拉取选项

Live Demo

Preview

Code

先看效果，再决定是否展开代码细节。

<script setup lang="ts">
import { ref } from 'vue'
import { CuiSelectEnum } from '@eams-monorepo/vue-element-cui'

const selected = ref<string | null>(null)
</script>

<template>
  <CuiSelectEnum v-model="selected" enum-code="ASSET_STATUS" placeholder="请选择资产状态" />
</template>

Props

CuiSelectEnum 配置项

属性	类型	默认值	说明
`modelValue`	`any`	—	当前选中值，支持 v-model（必填）
`enumCode`	`string`	—	枚举编码，用于从枚举服务加载选项（必填）
`placeholder`	`string`	`'请选择'`	占位文本
`disabled`	`boolean`	`false`	是否禁用
`clearable`	`boolean`	`true`	是否可清空
`filterable`	`boolean`	`true`	是否可过滤搜索

Emits

CuiSelectEnum 事件

事件名	参数	说明
`update:modelValue`	`value: any`	选中值变化时触发，用于 v-model 绑定
`change`	`value: any`	选中值变化时触发