Vue中 父子傳值 數據丟失問題


在Vue中,父子組件傳值,子組件通過props接收父組件傳遞的數據  

父組件

questionList  : 傳遞數據參數


questionsLists: 傳遞數據源

子組件

 

porps 接收父組件方式有倆中,一種是通過對象形式,一種是通過數組形式,通過數組形式接收多個數據時用逗號隔開即可。比如:props:['a','b']。

需要注意的是在子組件中 接收父組件的數據參數,必須和父組件傳遞時的 參數一致,上圖中的 questionList

這種情況下會出現這么一個情況,刷新頁面之后子組件接收的父組件數據會丟失,我們可以在watch里面去監聽一下數據的變化。

重新對數據進行想要的處理,之后就會發現 怎么刷新都沒有問題了,數據都不會丟失。

-------------------------------分割線----------------------------------------

在這個過程中發現,在子組件的實例中 是有數據的,但是重新賦值給一個新對象,新對象的值永遠是為空的。這個還沒有清楚是怎么回事。有了解的 可以告知一下呀😋


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM