vue父组件引用子组件方法显示undefined问题原因及解决方法

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

正确使用this.nextTick()，可以处理undefined问题

==============以下做法不合理==============2020-03-17

 

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

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

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

     

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

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

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

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

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

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

复制于：https://www.cnblogs.com/lulianlian/p/7683066.html