如何停止Vue 3中變數的響應性？

Question

我正在使用Nuxt 3，我需要停止響應式常數的回應性。我有一個formData對象，一旦點擊提交，我需要從formData對象刪除一些鍵。

我已經將formData賦值給另一個變數submitData，然後使用delete submitData.key來刪除鍵，但它同時也從formData中刪除了鍵，而我希望它不會從主要的formData物件中刪除。

Answer 1

你可以建立一個formData的淺拷貝。

#

const submitData = { ...formData };

或使用lodash的`cloneDeep`進行深拷貝。

#

const submitData = _.cloneDeep(formData);

兩者都會建立一個具有與原始物件相同的屬性和值的新物件。然而，新物件在記憶體中是一個獨立的實體，與原始物件不同。副本進行的修改不會影響原始的formData物件。