Bagaimana untuk menghentikan tindak balas berubah dalam Vue 3?

Question

Saya menggunakan Nuxt 3 dan saya perlu menghentikan tindak balas pemalar reaktif. Saya mempunyai objek formData dan setelah serahan diklik, saya perlu mengalih keluar beberapa kunci daripada objek formData.

Saya telah memperuntukkan formData kepada submitData pembolehubah lain dan kemudian menggunakan delete submitData.key untuk memadamkan kunci tetapi ia juga memadamkan kunci daripada formData dan saya mahu ia tidak memadam objek formData.

Answer 1

Anda boleh mencipta salinan formData yang cetek.

const submitData = { ...formData };

Atau gunakan `cloneDeep` lodash untuk membuat salinan yang mendalam.

const submitData = _.cloneDeep(formData);

Kedua-duanya mencipta objek baharu dengan sifat dan nilai yang sama seperti objek asal. Walau bagaimanapun, objek baru adalah entiti yang berasingan dalam ingatan daripada objek asal. Pengubahsuaian pada salinan tidak menjejaskan objek formData asal.