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