vue采坑---想保留原始数据,结果双向绑定改变了值
1、在vue data里定义了两个对象,
data() { return { medicalUseList:[], medicalUserListOld:[], } }
2、初始值都一样,通过获取远程数据赋值
var useItem = { "Id":item.MedicalID, "Name":item.Name, "Num":1, "Cost":item.Cost, "Price":item.Price } this.medicalUseList.push(useItem); this.medicalUserListOld.push(useItem)
3、medicalUseList传给子组件操作回传来,重新赋值,发现medicalUserListOld 值也跟着改变。
4、解决:medicalUserListOld 赋值的时候,另起一个对象赋值。
var useItem = { "Id":item.MedicalID, "Name":item.Name, "Num":1, "Cost":item.Cost, "Price":item.Price } var useItemOld = { "Id":item.MedicalID, "Name":item.Name, "Num":1, "Cost":item.Cost, "Price":item.Price } this.medicalUseList.push(useItem); this.medicalUserListOld.push(useItemOld )