笔者在使用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 ,有知道的欢迎留言