关于javascript:vue两data参数等于resdetail更新一参数另一参数跟着改变

问题

vue 两 data 参数等于 res.detail, 更新一参数另一参数跟着扭转

import serviceSkill from "@service/skill"
export default{data(){
    return{datalist:{},
      dataOldlist:{},}
  },
  created(){this.changeSomething()
  },
  methods(){changeSomething(){const param = {}
      // 调用接口
      serviceSkill.update(param).then(res=>{
        this.datalist = res.data;
        this.dataOldlist = res.data
      })
    }
    // 点击更新
    clickUpdate(){
      this.datalist.name = "123";
      // 这里没有任何 dataOldlist 操作  打印 this.dataOldlist.name   "123"
      console.log(this.dataOldlist.name) // "123"
    }
  },
}

解决

this.datalist = JSON.parse(JSON.stringify(res.data));
this.dataOldlist = JSON.parse(JSON.stringify(res.data))

vue 两 data 参数等于 res.detail, 更新一参数另一参数跟着扭转