Radio 单选框

单选框组件

何时使用

用于在多个备选项中选中单个状态。

Radio基本用法

RadioGroup基本用法

用于展示一组多个 radio 单选框

Radio参数

参数	类型	默认	说明
v-model	'string' 'number'	-	必选 radio 的绑定值
label	'string' 'number'	-	必选，单选项值
name	string	-	原生 name 属性
disabled	boolean	false	可选，是否禁用该单选项
before-change	BeforeChangeType	-	可选，radio 切换前的回调函数，返回 boolean 类型，返回 false 可以阻止 radio 切换

Radio事件

事件	类型	说明
change	(value: string) => void	单选项值改变时触发，返回选中的值

Radio类型定义

BeforeChangeType

export type BeforeChangeType = (value: string) => boolean | Promise<boolean>

Radio插槽

默认插槽

RadioGroup参数

参数	类型	默认	说明
model-value / v-model	string / number	-	必选 radio 的绑定值
disabled	boolean	false	可选，是否禁用该单选项
direction	DirectionType	'column'	可选，设置横向或纵向排列
before-change	BeforeChangeType	-	可选，radio 切换前的回调函数，返回 boolean 类型，返回 false 可以阻止 radio 切换

RadioGroup类型定义

DirectionType

export type DirectionType = 'row' | 'column'

RadioGroup事件

事件	类型	说明
change		单选项值改变时触发，返回选中的值

RadioGroup插槽

默认插槽