RadioGroup 单选框组
适用于在多个互斥的选项中选择的场景
TIP
RadioGroup 组件对应 GvRadioGroup,支持 v-model 双向绑定。下方示例可直接交互,点击「显示代码」查看源码。
基本用法
结合GvRadioGroup元素和子元素GvRadio可以实现单选组, 为 GvRadioGroup 绑定 v-model,再为 每一个 GvRadio 设置好 label 属性即可, 另外,还可以通过 change 事件来响应变化,它会传入一个参数 value 来表示改变之后的值。
Options 属性
可以通过 props 属性自定义 options 的别名。
API
Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| model-value / v-model | 绑定值 | string / number / boolean | — |
| vref | 设置radiogroup的ref属性 | string | — |
| size | 大小 | string | default |
| options | 选项的数据源, value 的 key 和 label 和 disabled可以通过 props自定义. | Array<{[key: string]: any}> | — |
| props | options 的配置 | { value?: string, label?: string, disabled?: string} | {value: 'value', label: 'label', disabled: 'disabled'} |
Events
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 当绑定值变化时触发的事件 | (value: string | number | boolean) => void |