Radio 单选框

avue-radio：单个字典值，一般为字符串或数字，不使用数组。

通用属性、字典与事件见 基础组件使用约定。模板属性可写为 kebab-case，Form 配置对象使用 camelCase。

基础用法

效果预览可直接操作下方示例

独立组件通过 v-model 绑定单个字段；在 Form 中使用时，将相应配置放入 column。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :span="6">
      值: {{ form }}<br />
      <avue-radio v-model="form"
                  :dic="dic"></avue-radio>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue'

const form = ref(0)
const dic = [
  { label: '选项1', value: 0 },
  { label: '选项2', value: 1 }
]
</script>

属性

属性	类型	默认值	说明
dic / props	array / object	[] / 默认映射	选项与键映射
button / border	boolean	false	按钮或边框样式
disabled	boolean	false	整组禁用，字典项 disabled 禁用单项

数字 0 是有效选项值。回显失败时先检查数字 0 与字符串 '0' 是否混用。