Radio 单选框

内芯以 spring 缩放滑入,通过 ARadioGroup 管理组内互斥逻辑。

基础用法

选项一选项二选项三

当前选中: opt-2

vue

<ARadioGroup v-model="value">
  <ARadio value="opt-1" label="选项一" />
  <ARadio value="opt-2" label="选项二" />
</ARadioGroup>

禁用

可选禁用

API

ARadio Props

名称	类型	默认值	说明
`value`	`string \| number \| boolean`	必填	该选项的值
`modelValue`	`string \| number \| boolean`	—	单独使用时的绑定值(在 Group 中不需要)
`label`	`string`	—	标签文案
`name`	`string`	—	原生 name(在 Group 中可省略)
`disabled`	`boolean`	`false`	禁用

ARadioGroup Props

名称	类型	默认值	说明
`modelValue`	`string \| number \| boolean`	—	当前选中值
`name`	`string`	—	同组 name,自动透传到子项
`disabled`	`boolean`	`false`	整组禁用

Emits(ARadioGroup)

名称	参数	说明
`update:modelValue`	`value`	值变化
`change`	`value`	选中变化