Vue 在父(子)组件引用其子(父)组件方法和属性

Vue 在父(子)组件引用其子(父)组件方法和属性

 

by:授客 QQ：1033553122

 

开发环境

 

Win 10

element-ui  "2.8.2"

Vue 2.9.6

 

 

 

父组件代码

 

 

子组件代码

 

实验结果：

 

 

 

 

总结

父组件获取中引用子组件方法、属性

给子组件定义一个ref（假设名称为childRef），然后父组件中通过this.$refs.childRef获取子组件，进而引用子组件方法、属性，如下：

this.$refs.childRef.方法(参数列表) 

this.$refs.childRef.属性

 

 

子组件中获取父组件的方法、属性

在子组件里面通过this.$parent获取父组件，进而引用父组件的方法和属性，如下：

this.$parent.属性

this.$parent.方法