How to stop variable responsiveness in Vue 3?

Question

I'm using Nuxt 3 and need to stop the responsiveness of reactive constants. I have a formData object and once submit is clicked I need to remove some keys from the formData object. I have assigned formData to another variable submitData and used delete submitData.key to delete the key but it didn't take effect.

P粉764836448 · Answer

You can create a shallow copy of formData.

const submitData = { ...formData };

Or use lodash's `cloneDeep` to make a deep copy.

const submitData = _.cloneDeep(formData);

Both create a new object with the same properties and values as the original object. However, the new object is a separate entity in memory from the original object. Modifications to the copy do not affect the original formData object.