vue v-for循環數據刪除時總是刪除最后一項


在寫項目中遇到這樣一個問題:

    v-for 循環里面套 v-for 再刪除里面循環的某一項是 總是刪除最后一項。下標打印的都是正確的 返回的數據也是正常刪除的,但是頁面上顯示的卻總是刪除最后一項的數據。

解決方案:

 出現這個問題的最主要原因 是 key 值的綁定。 我綁定的是index. 官方網站上不推薦 :key='index'.

 key:必須是唯一識別的一個屬性。而vue中的v-for 采用就地復用 策略,用index綁定可能就會出現咱們現在所說的問題。

  如果 循環的數據里面實在是沒有唯一確定的值:類似於id類的話,我們可以給:key綁定當前時間的時間戳,這樣就能保證是唯一的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM