TypeError: Cannot read property 'key' of undefined

Question

问题详情：
父组件往子组件传递数据，

图片描述

子组件接受数据并定义一个默认值：
图片描述

当点击按钮时，删除该数组的任一值
图片描述

数据正常发生了改变，但是却报错：

但是，以同样的过程，改变一个我自己创建的数组里的数据时，却没有报错：

说明我的方法是没问题的，但是为什么删除传过来的数组里的任一值值却报错，往这个数组添加任一值，也不报错？？？

Answer 1

:key 指定错了应该会导致此异常 ？

• 例如

 <div   v-for="(value,index) in starUnits" :key="index">
       <p class="personne">{{value}}</p>
        <div v-if="value.boolean"></div>
 </div>

不应该 :key="index" 应该写 :key="value" 因为下文有<p class="personne">{{value.title}}</p>的一些引用。

你用的是1.0吗？2.0应该报错信息更加丰富

Answer 2

看看代码里那里调用了anything.key, 这个anything调用时是undefined， 检查一下赋值过程。