vuejs 一個數組元素刪除后影響了另一個數組
項目中處理一個相冊數組的編輯刪除功能時,碰到一個比較奇怪的問題,初始數據定義了一個新的數組linkAlbum,數據來源於返回數據中的originAlbum,在進行相冊編輯時,刪除了linkAlbum中index位置的元素后,打印originAlbum發現同步刪除了index位置的元素
查過資料發現,出現此問題的原因就是兩個數組來源於同一個對象的指針引用,所以在對其中一個數組進行操作的時候,才會影響到另一個同源的數組
解決辦法也很簡單,只要深拷貝一下 消除 同源的影響就好啦
this.linkAlbum = JSON.parse(JSON.stringify(res.correlationPhotos));