根本官网兄弟组件通信的实例我写了一个bus总线。
import Vue from 'vue'
export default new Vue()
然后保存为bus.js并且在各个引用的组件文件中import引入。
在一个组件A里$emit了一个事件。
callbacklien () {
Bus.$emit('main')
Bus.$emit('main_data', this.basedata, this.formItem.select)
}
另外两个组件B 和C 里$on这个事件状态
组件B代码:
mounted: function () {
Bus.$on('main', () => {
this.url_link('sql', ['工单', '表结构修改申请'], '1')
})
}
组件C代码:
mounted: function () {
Bus.$on('main_data', () => {
this.bus_state(['已完成', '进行中', '待进行'], 1, 'two')
})
}
结果B成功监听到main事件
C没有监听到main_data事件
请问这是什么原因导致的呢 B是C的父组件
相关分类