vue兩data參數等於res.detail,更新一參數另一參數跟着改變

問題

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,更新一參數另一參數跟着改變