Vue开发中遇到的问题（二）

最新推荐文章于 2024-10-02 05:39:15 发布

辣鸡队员

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量98

点赞数

分类专栏： vue踩坑文章标签： vue javascript

本文链接：https://blog.csdn.net/qq_44000859/article/details/115772730

版权

vue踩坑专栏收录该内容

3 篇文章 0 订阅

订阅专栏

"在Vue开发过程中，博主发现修改数组中某个对象元素时，其他元素意外地也被修改。问题出现在使用`this.$set`尝试更新下标为2的对象时，下标为1的元素同样被改变。经过研究，博主发现这可能涉及到深浅拷贝的问题。为解决此问题，博主采用了将数据转化为深拷贝后再进行设置的方法：`let data1 = Object.assign({}

摘要由CSDN通过智能技术生成

Vue开发中遇到的问题（二）

修改数组中某个对象元素时，其他元素的数据也同时被修改
例如：

// An highlighted block
this.$set(this.weixinModel,2, this.data)

我使用这种方式来改变数组中下标为2的对象
结果数组中下标为1的元素也被修改了
（由于今天白天写需求有点累，现在有点困，所以就不贴图了，精神了补上）
解决：

  let data1 = Object.assign({}, JSON.parse(JSON.stringify(this.data)));
  this.$set(this.weixinModel,this.click_state, data1)
  // 把解决写在前面，怕万一有人看这篇，点开看不到解决办法会失望，我就经常点看又看不到解决问题的办法然后很难过毕竟没人带，我自己基础也不好挺难的