码迷,mamicode.com
首页 > 其他好文 > 详细

vue中bus.$on事件被多次绑定

时间:2020-04-23 11:53:24      阅读:53      评论:0      收藏:0      [点我收藏+]

标签:-o   组件   col   off   ges   多次   data   code   响应   

vue中eventbus被多次触发(vue中使用eventbus踩过的坑)【bus.$on事件被多次绑定】

问题描述:只要页面没有强制刷新,存在组件切换,bus.$on方法会被多次绑定,造成事件多次触发

 
技术图片
触发bus.$on中绑定的方法.png
 
技术图片
bus.$on多次绑定.png

解决办法一:在每次调用方法前先解绑事件( bus.$off ),然后在重新绑定( bus.$on )

 
技术图片
每次绑定前解绑bus.$on方法.png

解决办法二:注册的总线事件(Bus)要在组件销毁时(beforeDestroy/destroyed)卸载,否则会多次挂载,造成触发一次但多个响应的情况

 

beforeDestroy () {
        bus.$off("backUpLevel");
  }

 

vue中bus.$on事件被多次绑定

标签:-o   组件   col   off   ges   多次   data   code   响应   

原文地址:https://www.cnblogs.com/dianzan/p/12759551.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!