Vue中创建事件总线之后,非父子组件1向非父子组件2发送事件之后,非父子组件2成功接收到事件,并对组件2中的参数进行修改
- 先在main.js中创建Vue对象并赋给$EventBus实例,代码如下
Vue.prototype.$EventBus=new Vue()
- 父子组件1(事件发出端)–使用$emit发出事件
<template>
<div @click="setprclick()">设置</div>
</template>
<script>
export default {
name:"Profile",
methods:{
setprclick(){
this.$EventBus.$emit('setprclick')
}
}
}
</script>
- 非父子组件2(事件接受端)----使用$on接收事件
<template>
<div id="app" class="wrapper">
<main-tab-bar v-show="set" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export defaul