Element-plus Radio单选框无法选择/切换

988 阅读1分钟

Element-plus Radio单选框无法选择/切换

原始代码为:

<ElForm :inline="false" label-position="top" :model="formData" ref="formRef" :rules="formRules">
    <el-form-item label="单选示例">
      <el-radio-group v-model="formData.radio" class="ml-4">
        <el-radio label="Y" size="large"></el-radio>
        <el-radio label="N" size="large"></el-radio>
      </el-radio-group>
    </el-form-item>
</ElForm>

代码本身没有问题,组件引用的很正确,一开始以为是 el-form 标签的的属性配置有问题,经过多次检查和删改,最终发现是属性v-model 绑定的对象类型不对。v-model 在此处绑定的对象应该是一个 reactive 才行,在此例中,应该确保 formData 是一个通过 reactive 声明的对象。

const formData = reactive({
    radio: ""
})