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改为空数组就解决了。