场景:
1、父组件循环子组件
2、子组件prop接收data,在mounted的时候执行 this.name = this.data.name;克隆一个名字
问题:在子组件删除自身的时候出现问题。如删除第一个子组件。被删除的子组件并未销毁,而是最后一个子组件被销毁。
原因:v-for绑定的key是index。所以每次删除销毁的都是删除后消失的index对应的组件。
解决方案 :key="item.id"
场景:
1、父组件循环子组件
2、子组件prop接收data,在mounted的时候执行 this.name = this.data.name;克隆一个名字
问题:在子组件删除自身的时候出现问题。如删除第一个子组件。被删除的子组件并未销毁,而是最后一个子组件被销毁。
原因:v-for绑定的key是index。所以每次删除销毁的都是删除后消失的index对应的组件。
解决方案 :key="item.id"