Gitee
Appearance
Radio Group 单选框
Radio 组件为不同使用场景提供了多种展示样式。
基础用法
只读
通过readonly 属性设置复选框的是否只读。默认为否。
禁用
通过disabled 属性设置复选框的是否禁用。默认为否。
单选组
单选组-横向排列
通过direction 属性设置单选组的排列方向。
单选组-按钮模式
RadioGroup属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| modelValue | string | string[] | -- | 绑定值 |
| disabled | boolean | false | 禁用 |
| readonly | boolean | false | 只读 |
| shape | CheckboxShape | square | 单选组形状 |
| type | CheckboxType | check | 单选组类型 |
| direction | string | vertical | 单选组排列方向 |
| items | CheckboxItem[] | -- | 支持使用对象动态渲染单选框 |
| valueField | string | value | 动态渲染单选框时数组对象值字段 |
| textField | string | text | 动态渲染单选框时数组对象文本字段 |
RadioGroup事件
| 事件名 | 类型 | 说明 |
|---|---|---|
| update:modelValue | EventEmitter<string | any[]> | 值变化事件 |
RadioGroupItem属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| name | string | number | -- | 标识，配合CheckboxGroup时使用 |
| label | string | -- | 标签名 |
| disabled | boolean | false | 禁用 |
| readonly | boolean | false | 只读 |
| shape | CheckboxShape | square | 选择框形状 |
| type | CheckboxType | check | 选择框类型 |
| labelLimit | number | -- | 标签最大长度 |
RadioGroupItem事件
| 事件名 | 类型 | 说明 |
|---|---|---|
| update:modelValue | EventEmitter<boolean> | 值变化事件 |