Vue父组件调用子组件方法及遇到的问题
在子组件methods选项中定义方法method(),在父组件中引用子组件,并在子组件标签中定义ref=‘xxx’,使用this.$refs.xxx.method()调用子组件方法。
但chrome控制台报错该方法undifined,原因是因为使用ref调用子组件是调用的实例,但调用时该实例还未加载完,因此调用的方法undifined。
解决方法:在父组件中调用时,先加载完组件实例再调用方法:
this.$nextTick( () => {
this.$refs.xxx.method()
} )