Vue使用事件总线(Event Bus)
先在main.js中设置总变量
import Vue from 'vue';
export const EventBus = new Vue();
然后再页面中EventBus
// 在组件中触发事件
EventBus.$emit('someEvent', data);
// 在另一个组件中监听事件
EventBus.$on('someEvent', (data) => {
console.log('事件触发了', data);
});
先在main.js中设置总变量
import Vue from 'vue';
export const EventBus = new Vue();
然后再页面中EventBus
// 在组件中触发事件
EventBus.$emit('someEvent', data);
// 在另一个组件中监听事件
EventBus.$on('someEvent', (data) => {
console.log('事件触发了', data);
});