RadioDict

CuiRadioDict 字典单选组

CuiRadioDict

CuiRadioDict 用于从字典服务加载选项并渲染单选按钮组。

基础用法

演示 CuiRadioDict 的基础用法

Live Demo

Preview

Code

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

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

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

<template>
  <CuiRadioDict v-model="selected" dict-code="DEPT_TYPE" />
</template>

Props

属性	类型	默认值	说明
`modelValue`	`any`	—	当前选中值，支持 v-model，必填
`dictCode`	`string`	—	字典编码，用于从字典服务获取选项，必填
`disabled`	`boolean`	`false`	是否禁用整组

Emits

事件名	参数	说明
`update:modelValue`	`value: any`	选中值变化时触发，配合 v-model 使用
`change`	`value: any`	用户手动切换选中项时触发

RadioEnum

CuiRadioEnum 枚举单选组

CheckboxEnum

CuiCheckboxEnum 枚举多选组

GitHub 提交 Issue