[前端]vue中父组件如何调用子组件的方法？

vue如何在父组件中去调用子组件的方法？
方法一：通过ref属性
1.在父组件使用子组件时，给子组件设置属性ref值
例如：
<Child ref="child" ></Child>
2.在子组件中定义方法
例如：
getData() {
console.log("子组件中的getData方法");
}
3.在父组件中调用子组件中的方法
例如：

this.$refs.child.getData();

方法二：使用emit、on方法

$emit、$on

1.在子组件中定义方法
例如：

this.$on('getData', function() {
  console.log("子组件中的getData方法");
});

2.在父组件中使用子组件中的方法
例如：

this.$refs.child.$emit("getData");
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容