SelectDict

CuiSelectDict 字典选择框

CuiSelectDict

CuiSelectDict 是面向字典数据的选择框，通过 dictCode 从字典服务自动加载候选项，并在内部维护字典缓存，避免重复请求。

字典选择基础用法

传入 dict-code，组件自动从字典服务拉取并缓存选项

Live Demo

Preview

Code

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

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

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

<template>
  <CuiSelectDict v-model="selected" dict-code="DEPT_TYPE" placeholder="请选择部门类型" />
</template>

Props

CuiSelectDict 配置项

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

Emits

CuiSelectDict 事件

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