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组件 来实现 寺举行