解决：vue报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“

一、问题原因

记录一下今天遇到的问题，在请求回来的数据中添加新的数据时，明明有内容，但就是添加不进去，找了好久没发现问题所在，开始怀疑是数据问题，数据类型问题，添加位置问题，但是逐一测试，都不是问题所在。

报错的代码，及报错如下图：

 

二、解决办法

发现在页面中用了checkbox-group，双向绑定的变量没有定义，终于发现问题所在

<template v-if="item.questionType == 1">
   <el-checkbox-group v-model="item.selectList" :max="1">
      <el-checkbox-button v-for="option in item.answerList" :key="option" :label="option" />
   </el-checkbox-group>
</template>

 将变量定义上即可解决问题

this.$set(item, 'selectList', [])