Vue.js - 在將對象“復制”到另一個數據屬性時不綁定對象

Question

我有一個來自我的API的對象，當加載模態時，我需要將對象“復制”到另一個。

這有效：

this.servicesForm.services = this.team.services;

// New object                // API object

現在的問題是我不希望在更新servicesForm.services對象時綁定並更新team.services對象。

我怎么做？

Answer 1

快速找到我的答案：

this.servicesForm.services = JSON.parse(JSON.stringify(this.team.services));

Answer 2

ES6解決方案是使用Object.assign：

this.servicesForm.services = Object.assign({}, this.team.services); 

請注意，這只是一個淺表副本，如果您需要深層副本，則需要遞歸地應用此方法。

參考： https ： //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign