首先创建一个中转站,是个js文件

import Vue from 'vue'

var hub=new Vue(); //中转站

export default hub;

然后在第一个兄弟组件中

1.首先进行引入

import bun from "./btn.js";

2.设置一个点击事件

<div class="box">

<el-button @click="danji()">默认按钮</el-button>

</div>

3.写方法

data() {

return {

msg: "我是child1的子组件",

zhi: "true"

};

},

methods:{ 

danji() {

bun.$emit("mmm", this.msg);

},

}

在另一个兄弟组件中

1.进行引入

import bun from './btn.js'

2.获取事件

<div class="bigbox">

{{kkk}}

</div>

3.方法

data(){

return{

kkk:'我是child2的组件'

}

},

created(){

bun.$on('mmm',(data)=>{

console.log(data)

this.kkk=data

})

}

这个里面的mmm就是第一个组件传过来的方法名。data,就是他传过来的值

 

 

Logo

前往低代码交流专区

更多推荐