vuejs 一個數組元素刪除后影響了另一個數組


vuejs 一個數組元素刪除后影響了另一個數組

項目中處理一個相冊數組的編輯刪除功能時,碰到一個比較奇怪的問題,初始數據定義了一個新的數組linkAlbum,數據來源於返回數據中的originAlbum,在進行相冊編輯時,刪除了linkAlbum中index位置的元素后,打印originAlbum發現同步刪除了index位置的元素

查過資料發現,出現此問題的原因就是兩個數組來源於同一個對象的指針引用,所以在對其中一個數組進行操作的時候,才會影響到另一個同源的數組

解決辦法也很簡單,只要深拷貝一下 消除 同源的影響就好啦

 

this.linkAlbum = JSON.parse(JSON.stringify(res.correlationPhotos));

 


免責聲明!

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



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