vue数组push每次都覆盖了之前的字段值问题

Question

点击左侧按钮，把对应的数值push到数组里面，我点了上面的之后下面的也被覆盖成了上面的

代码如下，点击左边的钩
```javascript
 this.leftData.push({  
        productName: this.productName[index].productname,
        productCode: this.productName[index].productcode,
        productId: this.productName[index].id,
        check:false
      })
      this.selectLeftId = this.leftData[index].productId //选择属性的id
      this.checked = false

```

Answer 1

基于问题，可以如下办法
1.问题原因 是数组对象的引用问题 指向了同一个object
2.用$set来直接设置对应的值
3.用watch也可以设置
4.直接不用push，用对象的写法

祝好 如有帮助 请采纳