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 )       

 

posted @ 2024-04-23 14:42  ziff123  阅读(27)  评论(0编辑  收藏  举报