Appearance
Radio 单选框
在一组备选项中进行单选
基础用法
单选框不应该有太多的可选项, 如果你有很多的可选项你应该使用选择框而不是单选框。
要使用 Radio 组件,只需要设置v-model绑定变量, 选中意味着变量的值为相应 Radio value属性的值, value可以是String、Number 或 Boolean。
loading
禁用状态
disabled 属性可以用来控制单选框的禁用状态。
你只需要为单选框设置 disabled 属性就能控制其禁用状态
loading
单选框组
适用于在多个互斥的选项中选择的场景
结合f-radio-group元素和子元素f-radio可以实现单选组, 为 f-radio-group 绑定 v-model,再为 每一个 f-radio 设置好 label 属性即可, 另外,还可以通过 change 事件来响应变化,它会传入一个参数 value 来表示改变之后的值。
loading
API
FRadio Attributes
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| modelValue | string | number | boolean | - | 选中绑定的值 |
| value | string | number | boolean | - | 单选框的值 |
| label | string | number | boolean | - | 当 value 没有值时使用 label |
| name | string | - | 原生 name 值 |
| size | string | - | 大小,取值范围为 componentSizes |
| disabled | boolean | false | 是否禁用 |
FRadio Events
| 事件名 | 回调参数 | 说明 |
|---|---|---|
| change | (val: string | number | boolean | undefined) | 选中时触发 |
FRadioGroup Attributes
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| id | string | - | 原生 id 属性 |
| modelValue | string | number | boolean | undefined | 绑定的值 |
| name | string | - | 原生 name 属性 |
| size | string | - | 大小,取值范围为 componentSizes |
| disabled | boolean | false | 是否禁用 |
FRadioGroup Events
| 事件名 | 回调参数 | 说明 |
|---|---|---|
| change | (val: string | number | boolean | undefined) | 选中时触发 |
