Vue 3 の変数応答性を停止するにはどうすればよいですか?
P粉545218185
2023-07-29 09:24:30
<p>Nuxt 3 を使用していますが、リアクティブ定数の応答性を停止する必要があります。 formData オブジェクトがあり、送信をクリックしたら、formData オブジェクトからいくつかのキーを削除する必要があります。 </p><p>formData を別の変数 submitData に割り当て、delete submitData.key を使用してキーを削除しましたが、formData からもキーが削除されるため、formData オブジェクトを削除しないようにしたいのです。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
formData の浅いコピーを作成できます。
リーリーまたは、lodash の `cloneDeep` を使用してディープ コピーを作成します。
リーリーどちらも、元のオブジェクトと同じプロパティと値を持つ新しいオブジェクトを作成します。ただし、新しいオブジェクトはメモリ内で元のオブジェクトとは別のエンティティになります。コピーを変更しても、元の formData オブジェクトには影響しません。