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 @   ziff123  阅读(35)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示