vue数组push每次都覆盖了之前的字段值问题
问题描述:
点击左侧按钮,把对应的数值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官网有一个穿梭框的组件,你这个也是要实现这个功能,可以参考一下