组件功能
单选组组件,用于在多个选项中选择一个值,常见于性别、状态、类型等互斥选项的选择场景。
基础用法
通过 name 与表单字段关联,options 定义可选项列表,用户在同一组内只能选择一个选项。
Template 示例:
<RadioGroup
name="gender"
options={[
{ label: "男", value: "male" },
{ label: "女", value: "female" },
{ label: "其他", value: "other" }
]}
/>
效果展示如下:

单选后(示例选择为“其他”),效果展示如下:

属性说明
| 属性名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| name ★ | string |
表单字段名称 | - |
| options | RadioOption[] |
选项列表 | - |
| defaultValue | string |
默认选中值 | - |
| direction | "row" | "col" |
布局方向 | "col" |
| onChangeAction | ActionConfig |
值变化时触发的动作 | - |
| disabled | boolean |
是否禁用整个组 | false |
| ariaLabel | string |
无障碍标签 | - |
| required | boolean |
是否必填 | false |
| theme | "brand" | "primary" |
主题样式 | "brand" |
RadioOption 对象
| 属性名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| label ★ | string |
选项显示文本 | - |
| value ★ | string |
选项值 | - |
| disabled | boolean |
是否禁用该选项 | false |
注意:
★ 标记为必填属性。