vue父组件如何调用子组件里面的方法

在vue里，父组件要调用子组件里边定义的方法，可以通过ref属性来获取到子组件的方法并执行，下面直接贴上子组件和父组件的代码吧！

父组件代码：

子组件代码：

代码解析：

1、最重要的部分是在父组件调用子组件的标签上，定义了一个ref属性：child，通过这个属性，可以获取到子组件里面的的属性和方法。

 

2、在父组件的方法 parentMethod 执行的时候，使用：this.$refs.child.childMethod(); 来调用子组件的方法。

其实这个很简单，用过一次就知道了。希望能帮到有需要的朋友。

 

效果图

 

点击父组件按钮后：