功能

基于 el-radio 和 el-checkbox，用于单选和多选共用一个组件方便切换。

建议用于 2 - 5 个选项时的场景， 5 - 20 个建议使用select

功能示例

展示区
小龙虾毛血旺剁椒鱼头冰激凌
参数：单/多选
单选 多选
结果
展示区：模拟异步
结果
1

最小示例

<template>
    <Wrapper>
        <HChoice v-model="result" :options="data" />
    </Wrapper>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import Wrapper from '@/components/simple-wrapper.vue'
import HChoice from '../index.vue'

const data = ['小龙虾', '毛血旺', '剁椒鱼头', '冰激凌']
const result = ref('毛血旺')
</script>

API

参数

参数类型

事件