Wie kann ich die variable Reaktionsfähigkeit in Vue 3 stoppen?

Question

Ich verwende Nuxt 3 und muss die Reaktionsfähigkeit reaktiver Konstanten stoppen. Ich habe ein formData-Objekt und sobald auf „Senden“ geklickt wird, muss ich einige Schlüssel aus dem formData-Objekt entfernen.

Ich habe „formData“ einer anderen Variablen „submitData“ zugewiesen und dann „delete subscribeData.key“ verwendet, um den Schlüssel zu löschen, aber dadurch wird auch der Schlüssel aus „formData“ gelöscht, obwohl ich möchte, dass das „formData“-Objekt nicht gelöscht wird.

Answer 1

你可以创建一个formData的浅拷贝。

const submitData = { ...formData };

或者使用lodash的`cloneDeep`进行深拷贝。

const submitData = _.cloneDeep(formData);

两者都会创建一个具有与原始对象相同的属性和值的新对象。然而，新对象在内存中是一个独立的实体，与原始对象不同。对副本进行的修改不会影响原始的formData对象。