Kemas kini sifat terkira komponen induk selepas komponen anak mengubah suai data prop

Question

Saya perlu membuat objek permintaan API yang agak kompleks dengan sejumlah besar komponen UI yang bertanggungjawab untuk mengemas kini sifat objek yang berbeza.

Saya menghantar model permintaan asas sebagai prop daripada komponen induk kepada komponen anak dan komponen anak menghantarnya kepada komponennya (merentas generasi).

Di peringkat induk, saya mempunyai sifat terkira yang mengembalikan medan model data ini dan jam tangan untuk sifat terkira itu.

Apabila komponen anak mengemas kini sifat pada model, ia berjaya mengemas kini di mana-mana yang merujuknya, tetapi sifat yang dikira pada komponen induk tidak boleh dikira semula, jadi jam tangan tidak pernah diaktifkan.

Saya rasa saya telah terlepas satu perkara di sini, tetapi saya tidak dapat bayangkan bagaimana untuk mengemas kini tanpa menggunakan rangkaian acara yang panjang melalui UI. Bagaimanakah saya harus menyelesaikan masalah ini?

Answer 1

Bagi sesiapa yang mempunyai isu yang sama - daripada penyelidikan saya, mengubah suai nilai rujukan pada prop nampaknya bukan cara yang dimaksudkan untuk melakukan ini dengan VueJS. Malu kerana pada mulanya ia kelihatan seperti corak yang cukup kemas.

Saya kini telah melaksanakan vuex yang berfungsi dengan baik dan mengelakkan barisan acara yang panjang kembali kepada pemilik asal data prop.

Jika anda ingin menekannya, kemudian mengubah suai rujukan objek itu sendiri akan memaksa rantai untuk dikemas kini. Jadi (contohnya) jika anda ingin mengemas kini sifat tatasusunan dengan data prop, anda tidak perlu "menolak"nya, sebaliknya menggantikan keseluruhan objek tatasusunan (menyebabkan komponen lain dengan sifat terkira pada harta tatasusunan itu dikira semula) . Tetapi sekali lagi, tidak disyorkan.