例如在使用vue事件总线执行$emit("someEvent")
时,事件总线$on回调函数中this.$refs.someComponent
报错,提示someComponent组件不存在。
原因是在组件切换时someComponent已销毁 ,但是对应的事件监听还存在,导致后来emit到了历史包含已销毁组件的事件函数。
解决方法是在使用事件总线时及时在组件beforeDestroy
(销毁),同时清除掉对应注册的事件 eventBus.$off('someEvent')
。
mounted () {
eventBus.$on('someEvent', () => { //执行someComponent中的doAddList
this.$refs.someComponent.doAddList(...);
});
},
beforeDestroy () {
eventBus.$off('someEvent')
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。