Vuejs模型将数据插入多个模型

Question

我已经创建了动态属性，
数组中有三个产品，那么每个产品都有自己的属性。
最初一切正常，一旦我运行“复制属性”代码将属性复制到所有其他产品，输入模型也开始将模型值插入所有其他属性。

for(let i in this.products) {
  if(i != this.product_active) {
    this.products[i].attributes = this.products[this.product_active].attributes
  }
}

这是我为这个问题创建的小提琴：
https://jsfiddle.net/sukhcha_in/4o9k2ezn/
在这个小提琴中，您将看到三个具有自己属性的产品（输入模型工作正常）， 现在按下“复制属性”按钮，活动产品的属性也会被复制到其他产品。
现在向任何产品输入数据，输入模型将向所有产品输入相同的数据，而不是选择的产品。它完全忽略了选定的产品。
我的代码有问题吗？

Answer 1

您将相同的属性对象复制到所有三个产品，因此属性是共享的。 相反，您应该在复制时创建对象的新副本，例如。 G。像这样使用spread syntax:

for(let i in this.products) {
    if(i != this.product_active) {
        this.products[i].attributes = {... this.products[this.product_active].attributes}
    }
}