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