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';