checkbox动态绑定数据（无法绑定问题）报length错误

最近在使用vue开发考试系统时&＃xff0c;前端遇到了这样一个问题。

[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading &＃39;length&＃39;)"


<el-radio-group v-model&＃61;"studentAnswers[question.id]" ><el-radio-buttonv-for&＃61;"(item,index) in question.options"v-if&＃61;"question.type&＃61;&＃61;&＃61;0":label&＃61;"index"style&＃61;"margin-bottom: 10px;width: 100% ;">{{String.fromCharCode(&＃39;A&＃39;.charCodeAt(0) &＃43; index)}}、{{ item }}el-radio-button>
el-radio-group>


原因

因为系统初始化&＃xff0c;studentAnswers这个对象中所有属性对应的值都不可能是一个array类型&＃xff0c;checkbox需要绑定一个数组类型的数据。

解决

那就要在渲染之前给这个属性初始化成一个数组形式&＃xff0c;如果是在created钩子函数中直接使用&＃xff0c;也是没有用的&＃xff0c;需要使用vue的api添加。

//遍历所有的问题
this.testPapar.questions.forEach(v&＃61;>{//如果是多选题&＃xff0c;就初始化属性为空数组if(v.type&＃61;&＃61;&＃61;2){Vue.set(this.studentAnswers,v.id,[])}})