问题情景

el-radio-group单选按钮选中一个就全部选中问题解决_3c

  • 代码
 <el-dialog title="节假日设置" v-model="holidayDialog" width="500px" append-to-body>
                    <el-form ref="holidayFormsss" :model="holidayForm" label-width="80px">
                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="日期" prop="theDay">
                                    <el-input v-model="holidayForm.theDay" :readonly=true></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="类型" prop="holidayType">
                                    <el-radio-group v-model="holidayType" >
                                        <el-radio  value="1" ></el-radio>
                                        <el-radio  value="2" ></el-radio>
                                    </el-radio-group>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.

解决方案

查看elementplus官方文档 [Radio 单选框](https://element-plus.org/zh-CN/component/radio.html)
el-radio-group单选按钮选中一个就全部选中问题解决_5e_02

一看我用的版本是低于2.6的
el-radio-group单选按钮选中一个就全部选中问题解决_5e_03

所以需要用label来绑定值
el-radio-group单选按钮选中一个就全部选中问题解决_3d_04

el-radio-group单选按钮选中一个就全部选中问题解决_3c_05