Vue父組件向子組件傳遞一個動態的值,子組件只能獲取初始值,不能實時更新?
父組件中有一個值是父組件mounted時獲取的值,之後通過props傳入子組件,子組件想要操作這個值,但是每次只能獲取undefined。
如果你需要在子組件根據父組件傳過來的動態的值作出某種行為,你應該需要在子組件中使用$watch方法。
在子組件裏定義一個data,用父組件的props初始化,然後子組件操作這個data
使用watch去監聽這個值
你的問題解決了嘛?我現在也遇到這樣的情況了
子組件的生命週期問題吧 。子組件在created時這個值undefined 在mounted就可以了列印了
父子組件的生命週期渲染順序問題,父beforeCreate-&>父created-&>父beforeMount-&>子beforeCreate-&>子created-&>子beforeMount-&>子mounted-&>父mounted,在父組件mounted階段獲取數據,此時子組件的生命週期已經執行mounted完畢了,沒機會獲取到父組件傳遞的數據了吧,如果在父組件的created階段請求數據子組件是可以正常的獲取父組件的數據的。
推薦閱讀: