el-radio-group里面的el-radio无法切换

2022-03-28 19:40:29 浏览数 (1)

笔者在使用elementui的el-radio-group遇到一个很奇怪的问题,

代码语言:javascript复制
<tr v-for="(item,index) in xx.courses">                                                        
                                                    <td>
                                                         <el-form-item id="requireless" :prop="'courses.'   index   '.examFlag'" :rules="rules.examFlag">
                                                           <el-radio-group v-model="item.examFlag" @change="changeExamFlag($event)">
                                                             <el-radio :label="1">是</el-radio>
                                                             <el-radio :label="0">否</el-radio>
                                                           </el-radio-group>
                                                         </el-form-item>
                                                     </td>
......
 </tr>

导致这个问题产生的原因在于下面的代码:

代码语言:javascript复制
//data为从后端通过ajax获得的数据
 template.ruleForm = data.info;
template.ruleForm.courses = data.courses;

虽然上面的赋值方式也刷新了数据,但是el-radio-group中的el-radio却无法切换,把赋值改为下面的方式后就可以了:

代码语言:javascript复制
            var obj = data.info;
             obj.courses = data.courses;
             template.ruleForm = obj;

但是具体原因未知,总觉得是vue的一个bug ,有知道的欢迎留言

0 人点赞