Radio 单选框

在一组备选项中进行单选

演示

基础用法

当只有一个选项时，可以直接通过 v-model 绑定一个 boolean 值来控制是否选中；使用 slot-default 来重写选项的文字。

禁用状态

设置 disabled 属性即可。

单选框组

结合 nt-radio-group 组件实现单选框组

按钮样式

在单选框组基础上，设置 nt-radio 的 type 属性为 button 即可。

API

Radio Props

参数	说明	类型	默认值
model-value / v-model	是否选中	boolean	x
name	原生 name 属性	string	-
disabled	是否禁用	boolean	false
value	原生 value 属性	string	-
label	显示的标签	string	-
type	是否设置为按钮风格	button	-
checked	是否选中	boolean	-

RadioGroup Props

参数	说明	类型	默认值
model-value / v-model	选中项绑定的值	string	-

Radio Events

事件	说明	参数
change	选中项变化时触发	(checked: boolean) => void

RadioGroup Events

事件	说明	参数
change	选中项变化时触发	(checkedValue: string) => void

Radio Slots

名称	说明
default	自定义 label 内容