Vue項目中，使用v-for循環出來的數組，組件刪除位置錯誤。

做項目時，遇到需要增加或者減少相同組件時，用v-for循環出來。一般情況下，都習慣性的把index（序號）賦值給key，來作區別。

這樣的結果就是無論怎么刪，都是只刪除了最后一個子組件。

主要原因還是出在虛擬DOM上，應該給key一個子組件獨一無二的值來作為唯一標識。

解決辦法：

給數組遍歷一次，加個唯一的屬性，把這個屬性的值賦給key即可。

 

注：這個問題目前我只發現在v-for嵌套組件時才發生。