当前位置:   article > 正文

兄弟组件通信,关于销毁$bus.$on事件_$bus.on

$bus.on
this.$bus.$on 向容器添加了一个事件监听,当页面跳转时,原来的组件没有注销。事件监听不会被移除,再次进入该组件后 又会向bus容器添加重复的事件监听器。未防止内存溢出,需要在组件销毁后同步销毁$bus.$on事件。
兄弟组件之间通信:
  1. // 组件A
  2. methods:{
  3. test(value){
  4.        this.$bus.$emit('queryProjectInfo',value);
  5. },
  6. }
  7. // 组件B
  8. mounted(){
  9.    this.$bus.$on('queryProjectInfo',this.queryProjectInfo);
  10. },
当只关闭页面1,不销毁$bus.$on事件时:

当关闭页面1,同时销毁$bus.$on事件
  1.  beforeDestroy(){
  2.    console.log("组件A被销毁】】】】】");
  3.    this.$bus.$off('queryProjectInfo');
  4. },

参考文档:vue中eventbus被多次触发 - 知乎

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/222758?site
推荐阅读
相关标签
  

闽ICP备14008679号