在Vue中,父子組件傳值,子組件通過props接收父組件傳遞的數據
父組件
questionList :傳遞數據參數
questionsLists: 傳遞數據源
子組件
porps 接收父組件方式有倆中,一種是通過對象形式,一種是通過數組形式,通過數組形式接收多個數據時用逗號隔開即可。比如:props:['a','b']。
需要注意的是在子組件中 接收父組件的數據參數,必須和父組件傳遞時的 參數一致,上圖中的 questionList
這種情況下會出現這么一個情況,刷新頁面之后子組件接收的父組件數據會丟失,我們可以在watch里面去監聽一下數據的變化。
重新對數據進行想要的處理,之后就會發現 怎么刷新都沒有問題了,數據都不會丟失。
-------------------------------分割線----------------------------------------
在這個過程中發現,在子組件的實例中 是有數據的,但是重新賦值給一個新對象,新對象的值永遠是為空的。這個還沒有清楚是怎么回事。有了解的 可以告知一下呀😋
總結
以上所述是小編給大家介紹的解決Vue中 父子傳值 數據丟失問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
新聞熱點
疑難解答