Skip to content

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大小stringdefault
options选项的数据源, value 的 key 和 label 和 disabled可以通过 props自定义.Array<{[key: string]: any}>
propsoptions 的配置{ value?: string, label?: string, disabled?: string}{value: 'value', label: 'label', disabled: 'disabled'}

Events

事件名说明类型
change当绑定值变化时触发的事件(value: string | number | boolean) => void