VUE-组件间通信BUS

VUE-组件间通信BUS

1. 在src 下创建文件夹 eventBus 

创建文件bus.js

import Vue from 'vue';  
export default new Vue(); 

 

创建文件 busenum.js

let Evs = {
  fun_struct_relation: "fun_struct_relation", //关联工程结构树
};
export default Evs;

 

 

2. 调用

在要调用的页面使用以下代码：

import Bus from "@/eventBus/bus";
import Evs from "@/eventBus/busenum";

export function MicroTruns(data) {
      Bus.$emit(Evs.fun_struct_relation, 'canshu');
}

 

 

3. 接收

在要接收的页面使用以下代码：

import Bus from "@/eventBus/bus";
import Evs from "@/eventBus/busenum";

  created() {
    Bus.$off(Evs.fun_struct_relation); // 先清除这个categoriesOfData监听，否则切换页面不会取消掉，导致重复调用
    Bus.$on(Evs.fun_struct_relation, (data) => {
      // this.fun_get_workFlowList(that.workFlowSelectedGId);
    });
  },

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

end