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

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

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

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

 

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-16
  • 2022-01-29
  • 2022-01-06
  • 2021-10-16
  • 2021-10-16
猜你喜欢
  • 2022-12-23
  • 2021-10-16
  • 2022-02-28
  • 2022-12-23
  • 2022-12-23
  • 2021-09-09
相关资源
相似解决方案