Skip to content

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是否禁用booleanfalse
border是否显示边框booleanfalse
size大小stringdefault

Events ​

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

类型定义 ​

typescript
// Radio 尺寸
type RadioSize = 'large' | 'default' | 'small';