Radio 单选框
在一组备选项中进行单选
基础用法
单选框不应该有太多的可选项, 如果你有很多的可选项你应该使用选择框而不是单选框。
禁用状态
disabled
属性可以用来控制单选框的禁用状态。
单选框组
适用于在多个互斥的选项中选择的场景
带有边框
color
Radio API
Radio 属性
属性名 | 说明 | 类型 | 默认 |
---|---|---|---|
modvan-value / v-model | 选中项绑定值 | ^[string] / ^[number] / ^[boolean] | — |
label | 单选框的值 | ^[string] / ^[number] / ^[boolean] | — |
disabled | 是否禁用单选框 | ^[boolean] | false |
border | 是否显示边框 | ^[boolean] | false |
Radio 事件
事件名 | 说明 | 类型 |
---|---|---|
change | 绑定值变化时触发的事件 | ^[Function](value: string | number | boolean) => void |
Radio 插槽
插槽名 | 说明 |
---|---|
default | 自定义默认内容 |
RadioGroup 单选框组
RadioGroup属性
属性名 | 说明 | 类型 | 默认 |
---|---|---|---|
modvan-value / v-model | 绑定值 | ^[string] / ^[number] / ^[boolean] | — |
disabled | 是否禁用 | ^[boolean] | false |
text-color | 按钮形式的 Radio 激活时的文本颜色 | ^[string] | #ffffff |
fill | 按钮形式的 Radio 激活时的填充色和边框色 | ^[string] | #409EFF |
RadioGroup 事件
事件名 | 说明 | 类型 |
---|---|---|
change | 绑定值变化时触发的事件 | ^[Function](value: string | number | boolean) => void |
RadioGroup 插槽
插槽名 | 说明 | 子标签 |
---|---|---|
default | 自定义默认内容 | Radio |