父组件主动获取子组件的数据和方法

参考地址:https://blog.csdn.net/weixin_41077029/article/details/82223298

一、父组件主动获取子组件的数据和方法
1、 在调用的子组件上定义一个ref

<headerChild ref="headerchild"></headerChild>

2 、在父组件里通过

this.$refs.headerchild.属性
this.$refs.headerchild.方法

二、子组件主动获取父组件的数据和方法
在子组件里通过

this.$parent.属性
this.$parent.方法

举例:
父组件一:


image.png

父组件二:


image.png

子组件调用父组件一和父组件二中的方法:
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容