CheckboxEnum

CuiCheckboxEnum 枚举多选组

CuiCheckboxEnum

CuiCheckboxEnum 用于从枚举服务加载选项并渲染多选按钮组。

基础用法

演示 CuiCheckboxEnum 的基础用法

Live Demo

Preview

Code

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

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

const selected = ref<string[]>([])
</script>

<template>
  <CuiCheckboxEnum v-model="selected" enum-code="ASSET_TYPE" />
</template>

Props

属性类型默认值说明
modelValueany[]当前选中值数组,支持 v-model,必填
enumCodestring枚举编码,用于从枚举服务获取选项,必填
disabledbooleanfalse是否禁用整组

Emits

事件名参数说明
update:modelValuevalue: any[]选中值数组变化时触发,配合 v-model 使用
changevalue: any[]用户手动切换选中项时触发