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

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

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

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

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

 

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