vue 调用子组件方法

vue 调用子组件方法，一起来看下吧：

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

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

父组件代码：

 

 


.parent-wrapper {
  width: 300px;
  height: 300px;
  border: 1px solid red;
  margin: 50px;
}

子组件代码：

 

 


.child-wrapper {
  width: 300px;
  height: 300px;
  border: 1px solid blue;
  margin: 50px;
}

以上就是小编今天的分享，希望可以帮助到大家。