vue2父组件传递props异步数据到子组件的问题

通常我们直接通过父组件传数据给子组件是没有任何问题的
今天遇到一个问题就是我父组件向后台请求的一个数据希望通过props传给子组件,我想把定义的model变量的值传给子组件,原本以为会正常的流下去
但是很奇怪,在子组件created生命周期函数里面打印是没有的,但是直接在子组件上面的template布局里面又是可以用的{{model}}
所以想了一下感觉应该是生命周期的问题
于是找了不少资料 选了一个自认为最简单的方法
就是在子组件上面加一个v-if,

 <child  v-if="model" :model="model"></ImportantChart>

因为是要传递一个字符串,所以我在父组件定义model为''
parent.vue

export default{
   data(){
     return{
        model: ''
     }
   }

}

后台请求的数据给model赋值后,子组件才会显示,这个时候在把model的值传给子组件
子组件在生命周期里就可以正常使用了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容