vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length‘ of null

vue 使用 elementUi的el-checkBox一直报TypeError: Cannot read property ‘length’ of null。

报错

报错原因

v-model绑定的值在定义的时候有问题，多选框类型应该定义为数组，之前是checkList:null。

<el-checkBox-group
      v-model="checkList"
      :disabled="disabled"
      @change="handleChange($event, record.model)"
    >
      <template v-for="checkitem in options" >
         <el-checkBox :label="checkitem[itemProp.value]" :key="checkitem[itemProp.value]">
        {{checkitem[itemProp.label]}}
      </el-checkBox>
      </template>
    </el-checkBox-group>

data(){
    return{
      loading: false,
      checkList: null,//把它改为空数组就可以了
      checkValues: [], // 获取的动态数据绑定
    }
  },

把checkList改为空数组就解决了。