Radio 单选框

用于在多个选项中进行单选,支持圆形和方形样式、不同尺寸以及按钮组模式。

基础用法
通过 v-model 绑定选中值,配合 NRadioGroup 使用:

选中:a

方形样式
设置 variant 为 rect 使用方块标记:
不同尺寸
设置 size 为 sm / md / lg:
按钮样式
设置 NRadioGroup variant 为 button 使用按钮组模式:

选中:day

按钮样式不同尺寸
按钮组模式同样支持 sm / md / lg:
禁用状态
设置 disabled 禁用单个选项或整组:
独立使用
NRadio 也可以不搭配 NRadioGroup 单独使用:

未同意

Radio Props

参数类型默认值说明
modelValueanyundefined选中值(v-model),独立使用时绑定
valueany-该选项的值,必填
disabledbooleanfalse是否禁用
size'sm' | 'md' | 'lg''md'尺寸,独立使用时生效
variant'circle' | 'rect''circle'样式变体,独立使用时生效

Radio Events

事件名类型说明
update:modelValue(val: any) => void选中值变化时触发
change(val: any, e: Event) => void选中值变化时触发

RadioGroup Props

参数类型默认值说明
modelValueany-选中值(v-model),必填
disabledbooleanfalse是否禁用整组
size'sm' | 'md' | 'lg''md'尺寸
variant'circle' | 'rect' | 'button''circle'样式变体,button 为按钮组模式

RadioGroup Events

事件名类型说明
update:modelValue(val: any) => void选中值变化时触发
change(val: any) => void选中值变化时触发