elementUI checkBox报错Cannot read property 'length' of undefined解决
作者:他的猫MM
在使用el-checkbox时遇上这样的错误
TypeError: Cannot read property 'length' of undefined
at VueComponent.isLimitDisabled (element-ui.common.js?ccbf:6452)
at Watcher.get (vue.esm.js?efeb:4482)
at Watcher.evaluate (vue.esm.js?efeb:4587)
at VueComponent.computedGetter [as isLimitDisabled] (vue.esm.js?efeb:4839)
at VueComponent.isDisabled (element-ui.common.js?ccbf:6455)
at Watcher.get (vue.esm.js?efeb:4482)
at Watcher.evaluate (vue.esm.js?efeb:4587)
at VueComponent.computedGetter [as isDisabled] (vue.esm.js?efeb:4839)
at Object.get (vue.esm.js?efeb:2104)
at Proxy.checkboxvue_type_template_id_d0387074_render (element-ui.common.js?ccbf:6161)
在template中,我的这样绑定的:
<!-- 多选 --> <template> <el-checkbox-group v-model="examData[current].answer"> <el-checkbox :label="item" v-for="(item, index) in examData[current].tmDa" @change="examData[current].complete = true"> <strong>{{String.fromCharCode('A'.charCodeAt(0) + index)}}</strong> <span>{{item}}</span> </el-checkbox> </el-checkbox-group> </template>
在data选项中:
data() { return { examData: [ { answer: [], title: '问题,问题,问题?', options: [ '答案1', '答案2', '答案3', '答案4', ], complete: false, }, ] } }
报错的原因:
在data中其实是我们的静态数据,从后端拿到的数据赋值给examData,发现examData里少了answer 的字段
我们必须给数据添加answer字段并给类型为数组
以上就是elementUI checkBox报错Cannot read property ‘length‘ of undefined解决的详细内容,更多关于elementUI checkBox报错的资料请关注脚本之家其它相关文章!