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: ""
})