前端知识

vue父子组件相互调用各自的方法

2019-03-04  本文已影响0人  舒尔诚

1、子组件调用父组件
在子组件 sub.vue中:
<a class="" @click="changeMain('mainv3')" >main main3</a>
changeMain:function(vname){
this.$parent.changeMain(vname);//调用父组件的方法
},
2、父组件调用子组件的方法

1)父组件 a.vue中
引入标签
<subv ref="mysubv"></subv>

import mainv from './components/subv.vue'

changeMain:function(tab){
this.$refs.mysubv.changeMain(tab); //调用子组件方法changeMain ,注意使用mysubv
}

2)被调用的子组件中 subv.vue
调用方法即可
changeMain:function(tab){
//alert(22);
this.mainView = tab;
}

以上为父子相互调用,兄弟vue之间调用,可以使用 兄弟1组件--》父组件--》兄弟2组件 来实现 寺举行

上一篇下一篇

猜你喜欢

热点阅读