Radio 单选框
单选框组件,用于在多个选项中选择一个。
TIP
Radio 组件对应 GvRadio,支持 v-model 双向绑定。下方示例可直接交互,点击「显示代码」查看源码。
基本用法
单独使用可以表示多种状态之间的切换,写在标签中的内容为单选框后的介绍。
禁用状态
使用 disabled 属性可以用来控制单选框的禁用状态。
带有边框的单选框
使用 border 属性可以用来控制单选框是否有边框。
尺寸
使用 size 属性可以用来控制单选框的尺寸。
API
Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| model-value / v-model | 绑定值 | string / number / boolean | — |
| vref | 设置radio的ref属性 | string | — |
| value | 单选框值 | string | — |
| label | 标签文本 | string | — |
| disabled | 是否禁用 | boolean | false |
| border | 是否显示边框 | boolean | false |
| size | 大小 | string | default |
Events
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 当绑定值变化时触发的事件 | (value: string | number | boolean) => void |
类型定义
typescript
// Radio 尺寸
type RadioSize = 'large' | 'default' | 'small';