Comment arrêter la réactivité variable dans Vue 3 ?

Question

J'utilise Nuxt 3 et je dois arrêter la réactivité des constantes réactives. J'ai un objet formData et une fois que vous avez cliqué sur Soumettre, je dois supprimer certaines clés de l'objet formData.

J'ai attribué formData à une autre variable submitData, puis j'ai utilisé delete submitData.key pour supprimer la clé, mais cela supprime également la clé de formData et je souhaite qu'elle ne supprime pas l'objet formData.

Answer 1

Vous pouvez créer une copie superficielle de formData.

const submitData = { ...formData };

Ou utilisez `cloneDeep` de lodash pour faire une copie complète.

const submitData = _.cloneDeep(formData);

Les deux créent un nouvel objet avec les mêmes propriétés et valeurs que l'objet d'origine. Cependant, le nouvel objet est une entité distincte en mémoire de l’objet d’origine. Les modifications apportées à la copie n’affectent pas l’objet formData d’origine.