父组件主动获取子组件的数据和方法
2019-11-21 本文已影响0人
看庭前花开花落_望天上云卷云舒
参考地址：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
