vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > elementUI checkBox报错

elementUI checkBox报错Cannot read property 'length' of undefined解决

作者:他的猫MM

这篇文章主要为大家介绍了elementUI checkBox报错Cannot read property 'length' of undefined的解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

在使用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报错的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
阅读全文