跨级通信,不相干的vue之间传值和调用方法
首先创建eventbus.js
// src/utils/EventBus.js 文件
import Vue from 'vue'// 向外共享 Vue 的实例对象
export default new Vue()
在传值页面导入
import { EventBus } from "@/utils/EventBus.js";
使用方式
1.接收方:
setOneBox:通信暗号(多个eventbus不能重复)
isCall:需要传的数据
this.$eventBus.$on("setOneBox", (isCall) => {console.log('isCall = ' + isCall)//});
2.发送方:
this.$eventBus.$emit("setOneBox", this.isCall);