Radio 单选框
用于在多个选项中进行单选,支持圆形和方形样式、不同尺寸以及按钮组模式。
基础用法
通过 v-model 绑定选中值,配合 NRadioGroup 使用:
选中:a
方形样式
设置 variant 为 rect 使用方块标记:
不同尺寸
设置 size 为 sm / md / lg:
按钮样式
设置 NRadioGroup variant 为 button 使用按钮组模式:
选中:day
按钮样式不同尺寸
按钮组模式同样支持 sm / md / lg:
禁用状态
设置 disabled 禁用单个选项或整组:
独立使用
NRadio 也可以不搭配 NRadioGroup 单独使用:
未同意
Radio Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
modelValue | any | undefined | 选中值(v-model),独立使用时绑定 |
value | any | - | 该选项的值,必填 |
disabled | boolean | false | 是否禁用 |
size | 'sm' | 'md' | 'lg' | 'md' | 尺寸,独立使用时生效 |
variant | 'circle' | 'rect' | 'circle' | 样式变体,独立使用时生效 |
Radio Events
| 事件名 | 类型 | 说明 |
|---|---|---|
update:modelValue | (val: any) => void | 选中值变化时触发 |
change | (val: any, e: Event) => void | 选中值变化时触发 |
RadioGroup Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
modelValue | any | - | 选中值(v-model),必填 |
disabled | boolean | false | 是否禁用整组 |
size | 'sm' | 'md' | 'lg' | 'md' | 尺寸 |
variant | 'circle' | 'rect' | 'button' | 'circle' | 样式变体,button 为按钮组模式 |
RadioGroup Events
| 事件名 | 类型 | 说明 |
|---|---|---|
update:modelValue | (val: any) => void | 选中值变化时触发 |
change | (val: any) => void | 选中值变化时触发 |