vue中使用事件车(Bus)方式实现兄弟组件通信时$on无法获取数据的问题

关于vue中使用事件车Bus方式实现兄弟组件通信时$on无法获取数据的问题

• 问题陈述
  • 根源
  • 应对措施

问题描述

• 采用事件总线（总线）机制实现兄弟组件间的通信，但在接收数据时，当前组件获取到的数据始终为null
  • 首先检查是否未执行相关代码，随意输出一段信息至控制台，结果正常显示
  • 确保监听事件 $on 的调用时机确实位于 mounted 生命周期阶段
  • 尝试调用 this.$nextTick 方法，但未取得效果

原因

在进行网络搜索的过程中注意到：

• 体会：通过 $on 进行事件注册，而 $emit 用于触发事件，事件的监听必须先完成注册，之后才能进行触发操作
  • 联想到自身在处理两个需要通信的兄弟组件时，采用了 v-if 指令进行渲染控制