通常我們直接通過父組件傳數(shù)據(jù)給子組件是沒有任何問題的
今天遇到一個問題就是我父組件向后臺請求的一個數(shù)據(jù)希望通過props傳給子組件,我想把定義的model變量的值傳給子組件,原本以為會正常的流下去
但是很奇怪,在子組件created生命周期函數(shù)里面打印是沒有的,但是直接在子組件上面的template布局里面又是可以用的{{model}}
所以想了一下感覺應該是生命周期的問題
于是找了不少資料 選了一個自認為最簡單的方法
就是在子組件上面加一個v-if,
<child v-if="model" :model="model"></ImportantChart>
因為是要傳遞一個字符串,所以我在父組件定義model為''
parent.vue
export default{
data(){
return{
model: ''
}
}
}
后臺請求的數(shù)據(jù)給model賦值后,子組件才會顯示,這個時候在把model的值傳給子組件
子組件在生命周期里就可以正常使用了