关于vue父组件引用子组件问题

关于vue父组件引用子组件问题_第1张图片

     1.首先导入子组件并且在components中定义子组件

     2.引用子组件,并定义ref,ref定义的名称用于 this.$refs所调用的名称

     3.调用子组件的方法 (getLoanApplyInfo()为子组件的方法)。

     

但是我在调用子组件的方法时 (this.$refs.pboc.getLoanApplyInfo()方法),出现了getLoanApplyInfo未定义的异常。

这个问题出现肯定是我没有得到子组件的实例,所以调用的时候出现了undefined异常。

我的子组件没有在页面初始化时加载,而是在点击某个特定的按钮后才开始显示加载

在这里做初始化后就立马执行了下一句调用子组件的方法,可能他还没有初始化完成,所以出现了undefined的异常,

所以在这里调用子组件方法时,我稍作了一下延时处理:

关于vue父组件引用子组件问题_第2张图片

这样处理后没有undefined异常了,可以正常调用子组件方法了。

      我也是刚入门vue不久,很多东西也不是太懂,遇到了问题就随手记下来,有什么错误的地方,还请各位大佬指点一下。

                                                                                                                                       

你可能感兴趣的:(vue随笔)