Radio 单选框

在一组备选项中进行单选

基础用法

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

禁用状态

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

单选框组

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

按钮样式

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

带有边框

Radio API

Radio Attributes

属性名	说明	类型	默认值
model-value / v-model	选中项绑定值	`string` / `number` / `boolean`	—
label	单选框的值	`string` / `number` / `boolean`	—
disabled	是否禁用单选框	`boolean`	false
border	是否显示边框	`boolean`	false
size	单选框的尺寸	`enum`	—
name	原始 `name` 属性	`string`	—

Radio Events

事件名	说明	类型
change	绑定值变化时触发的事件	`Function`

Radio Slots

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

RadioGroup API

RadioGroup Attributes

属性名	说明	类型	默认值
model-value / v-model	绑定值	`string` / `number` / `boolean`	—
size	单选框按钮或边框按钮的大小	`string`	default
disabled	是否禁用	`boolean`	false
text-color	按钮形式的 Radio 激活时的文本颜色	`string`	#ffffff
fill	按钮形式的 Radio 激活时的填充色和边框色	`string`	#409EFF
validate-event	输入时是否触发表单的校验	`boolean`	true
label a11y	与 RadioGroup 中的 `aria-label` 属性相同	`string`	—
name	原生 `name` 属性	`string`	—
id	原生 `id` 属性	`string`	—

RadioGroup Events

事件名	说明	类型
change	绑定值变化时触发的事件	`Function`

RadioGroup Slots

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

RadioButton API

RadioButton Attributes

属性名	说明	类型	默认
label	单选框的值	`string` / `number` / `boolean`	—
disabled	是否禁用单选框	`boolean`	false
name	原生 name 属性	`string`	—

RadioButton Slots

插槽名	说明
default	默认插槽内容