通常我们直接通过父组件传数据给子组件是没有任何问题的
今天遇到一个问题就是我父组件向后台请求的一个数据希望通过props传给子组件,我想把定义的model变量的值传给子组件,原本以为会正常的流下去
但是很奇怪,在子组件created生命周期函数里面打印是没有的,但是直接在子组件上面的template布局里面又是可以用的{{model}}
所以想了一下感觉应该是生命周期的问题
于是找了不少资料 选了一个自认为最简单的方法
就是在子组件上面加一个v-if,
<child v-if="model" :model="model"></ImportantChart>
因为是要传递一个字符串,所以我在父组件定义model为''
parent.vue
export default{
data(){
return{
model: ''
}
}
}
后台请求的数据给model赋值后,子组件才会显示,这个时候在把model的值传给子组件
子组件在生命周期里就可以正常使用了