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

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

问题描述:

img

点击左侧按钮,把对应的数值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

```

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

祝好 如有帮助 请采纳

重新仔细描述一下问题吧,问题点都没找到

vue官网有一个穿梭框的组件,你这个也是要实现这个功能,可以参考一下