在寫項目中遇到這樣一個問題:
v-for 循環里面套 v-for 再刪除里面循環的某一項是 總是刪除最后一項。下標打印的都是正確的 返回的數據也是正常刪除的,但是頁面上顯示的卻總是刪除最后一項的數據。
解決方案:
出現這個問題的最主要原因 是 key 值的綁定。 我綁定的是index. 官方網站上不推薦 :key='index'.
key:必須是唯一識別的一個屬性。而vue中的v-for 采用就地復用
策略,用index綁定可能就會出現咱們現在所說的問題。
如果 循環的數據里面實在是沒有唯一確定的值:類似於id類的話,我們可以給:key綁定當前時間的時間戳,這樣就能保證是唯一的。