Radio 单选框
在一组备选项中进行单选
基础用法
单选框不应该有太多的可选项， 如果你有很多的可选项你应该使用选择框而不是单选框。
禁用状态
disabled 属性可以用来控制单选框的禁用状态。
单选框组
适用于在多个互斥的选项中选择的场景
按钮样式
你可以让单选框看起来像一个按钮一样。
带有边框
Radio 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| model-value / v-model | 选中项绑定值 | string / number / boolean | — | — |
| value | 单选框对应的值 | string / number / boolean | — | — |
| disabled | 是否禁用单选框 | boolean | — | false |
| border | 是否显示边框 | boolean | — | false |
| size | Radio 的尺寸 | string | large / default /small | — |
| name | 原生 name 属性 | string | — | — |
Radio 事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 绑定值变化时触发的事件 | 选中的 Radio value 值 |
Radio 插槽
| 插槽名 | 说明 |
|---|---|
| — | 自定义默认内容 |
Radio-group 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| model-value / v-model | 绑定值 | string / number / boolean | — | — |
| size | 单选框组尺寸 | string | large / small / small | default |
| disabled | 是否禁用 | boolean | — | false |
| text-color | 按钮形式的 Radio 激活时的文本颜色 | string | — | #ffffff |
| fill | 按钮形式的 Radio 激活时的填充色和边框色 | string | — | #409EFF |
Radio-group 事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 绑定值变化时触发的事件 | 选中的 Radio value 值 |
Radio-group 插槽
| 插槽名 | 说明 | 子标签 |
|---|---|---|
| — | 自定义默认内容 | Radio / Radio-button |
Radio-button 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | radio 的 value | string / number | — | — |
| disabled | 是否禁用 | boolean | — | false |
| name | 原生 name 属性 | string | — | — |
Radio-button 插槽
| 插槽名 | 说明 |
|---|---|
| — | 默认插槽内容 |