Radio 单选框

在一组备选项中进行单选

基础用法

单选框不应该有太多的可选项, 如果你有很多的可选项你应该使用选择框而不是单选框。

禁用状态

disabled 属性可以用来控制单选框的禁用状态。

单选框组

适用于在多个互斥的选项中选择的场景

按钮样式

你可以让单选框看起来像一个按钮一样。

带有边框

Radio 属性

属性名说明类型可选值默认值
model-value / v-model选中项绑定值string / number / boolean
label单选框对应的值string / number / boolean
disabled是否禁用单选框booleanfalse
border是否显示边框booleanfalse
sizeRadio 的尺寸stringlarge / default /small
name原生 name 属性string

Radio 事件

事件名说明回调参数
change绑定值变化时触发的事件选中的 Radio label 值

Radio 插槽

插槽名说明
自定义默认内容

Radio-group 属性

属性名说明类型可选值默认值
model-value / v-model绑定值string / number / boolean
size单选框组尺寸stringlarge / default / smalldefault
disabled是否禁用booleanfalse
text-color按钮形式的 Radio 激活时的文本颜色string#ffffff
fill按钮形式的 Radio 激活时的填充色和边框色string#409EFF
validate-event输入时是否触发表单的校验boolean-true

Radio-group 事件

事件名说明回调参数
change绑定值变化时触发的事件选中的 Radio label 值

Radio-group 插槽

插槽名说明子标签
自定义默认内容Radio / Radio-button

Radio-button 属性

属性名说明类型可选值默认值
labelradio 的 valuestring / number
disabled是否禁用booleanfalse
name原生 name 属性string

Radio-button 插槽

插槽名说明
默认插槽内容

源代码

组件文档

贡献者