vue兄弟组件间通信 eventbus.$on 不触发的问题

最新推荐文章于 2024-09-24 10:10:48 发布

原创最新推荐文章于 2024-09-24 10:10:48 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

文章讲述了在Vue组件中正确使用eventBus进行事件监听和解绑的实践。修改前后对比显示，当在`mounted`钩子中绑定事件监听器，并在`destroyed`时解除绑定时，应当避免在事件处理函数后添加括号，以确保在组件销毁后能正确移除监听，防止内存泄漏。

原代码

 mounted() {
    // 不要注释掉，用来设备迁移后
    eventBus.$on('reload-import', this.onTableRefresh());
  },
  destroyed() {
    eventBus.$off('reload-import');
  },

修改后

mounted() {
    // 不要注释掉，用来设备迁移后
    eventBus.$on('reload-import', this.onTableRefresh);
  },
  destroyed() {
    eventBus.$off('reload-import');
  },

定义事件总线时，调用的方法不要加()，否则不触发