Vue 3 の変数応答性を停止するにはどうすればよいですか?

Question

Nuxt 3 を使用していますが、リアクティブ定数の応答性を停止する必要があります。 formData オブジェクトがあり、送信をクリックしたら、formData オブジェクトからいくつかのキーを削除する必要があります。

formData を別の変数 submitData に割り当て、delete submitData.key を使用してキーを削除しましたが、formData からもキーが削除されるため、formData オブジェクトを削除しないようにしたいのです。

Answer 1

formData の浅いコピーを作成できます。

リーリー

または、lodash の `cloneDeep` を使用してディープ コピーを作成します。

リーリー

どちらも、元のオブジェクトと同じプロパティと値を持つ新しいオブジェクトを作成します。ただし、新しいオブジェクトはメモリ内で元のオブジェクトとは別のエンティティになります。コピーを変更しても、元の formData オブジェクトには影響しません。