本文详细介绍了在Vue开发中如何进行父组件调用子组件方法以及子组件调用父组件方法的多种方式，包括使用ref、$parent、$emit、props等，并给出了具体的代码示例。此外，还提及了非推荐的通过DOM操作进行组件间通信的方法。
讲干货，不啰嗦，大家在做vue开发过程中经常遇到父组件需要调用子组件方法或者子组件需要调用父组件的方法的情况，现做一下总结，希望对大家有所帮助。
父组件调用子组件方法：
1.设置子组件的ref，父组件通过this.$refs.xxx.method_name(data)调用子组件方法，data参数可选
父组件：
我是父组件
exportdefault{
components: {
child
},
methods: {
fatherMethod(data)this.$refs.childname.childMethod(data);
console.log('调用子组件方法');
}
}
};
子组件：
我是子组件
methods: {
childMethod(data) {
console.log(‘我是子组件方法’)
}
}
};
子组件调用父组件方法：
1.在子组件中通过this.$parent.event来调用父组件的方法，data参数可选
父组件：
我是父组件
exportdefault{
components: {
最低0.47元/天 解锁文章
扫一扫
3185
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
