跨级通信,不相干的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);