做项目时,遇到需要增加或者减少相同组件时,用v-for循环出来。一般情况下,都习惯性的把index(序号)赋值给key,来作区别。
这样的结果就是无论怎么删,都是只删除了最后一个子组件。
主要原因还是出在虚拟DOM上,应该给key一个子组件独一无二的值来作为唯一标识。
解决办法:
给数组遍历一次,加个唯一的属性,把这个属性的值赋给key即可。
注:这个问题目前我只发现在v-for嵌套组件时才发生。