Skip to content

Radio 单选框​

在一组备选项中进行单选

基础用法​

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

要使用 Radio 组件,只需要设置v-model绑定变量, 选中意味着变量的值为相应 Radio value属性的值, value可以是StringNumberBoolean

loading

禁用状态​

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

你只需要为单选框设置 disabled 属性就能控制其禁用状态

loading

单选框组​

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

结合f-radio-group元素和子元素f-radio可以实现单选组, 为 f-radio-group 绑定 v-model,再为 每一个 f-radio 设置好 label 属性即可, 另外,还可以通过 change 事件来响应变化,它会传入一个参数 value 来表示改变之后的值。

loading

API

FRadio Attributes

属性名类型默认值说明
modelValuestring | number | boolean-选中绑定的值
valuestring | number | boolean-单选框的值
labelstring | number | boolean-value 没有值时使用 label
namestring-原生 name
sizestring-大小,取值范围为 componentSizes
disabledbooleanfalse是否禁用

FRadio Events

事件名回调参数说明
change(val: string | number | boolean | undefined)选中时触发

FRadioGroup Attributes

属性名类型默认值说明
idstring-原生 id 属性
modelValuestring | number | booleanundefined绑定的值
namestring-原生 name 属性
sizestring-大小,取值范围为 componentSizes
disabledbooleanfalse是否禁用

FRadioGroup Events

事件名回调参数说明
change(val: string | number | boolean | undefined)选中时触发