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
标签:VUE,struct,BUS,间通信,relation,Bus,fun,import,Evs From: https://www.cnblogs.com/1285026182YUAN/p/17967061