vuejs 一个数组元素删除后影响了另一个数组

vuejs 一个数组元素删除后影响了另一个数组

项目中处理一个相册数组的编辑删除功能时,碰到一个比较奇怪的问题,初始数据定义了一个新的数组linkAlbum,数据来源于返回数据中的originAlbum,在进行相册编辑时,删除了linkAlbum中index位置的元素后,打印originAlbum发现同步删除了index位置的元素

查过资料发现,出现此问题的原因就是两个数组来源于同一个对象的指针引用,所以在对其中一个数组进行操作的时候,才会影响到另一个同源的数组

解决办法也很简单,只要深拷贝一下 消除 同源的影响就好啦

this.linkAlbum = JSON.parse(JSON.stringify(res.correlationPhotos));
原文地址:https://www.cnblogs.com/DreamerLeaf/p/12110905.html