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

最新推荐文章于 2023-07-13 17:06:56 发布

转载最新推荐文章于 2023-07-13 17:06:56 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/miny-simp/p/9834949.html

文章标签：

#javascript #ViewUI

本文详细介绍了在Vue.js中使用bus.$on方法时，如何避免事件被重复绑定导致的多次触发问题。通过在每次调用方法前先使用bus.$off解绑事件，再重新绑定，有效解决了事件重复绑定的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bus.$on方法会被多次绑定，造成事件多次触发

解决办法：

//解决事件多次绑定问题：在每次调用方法前先解绑事件( bus.$off )，然后在重新绑定( bus.$on )
   bus.$off("showlist");
   bus.$on("showlist", data => {
   console.log("data", data);
   this.showlist = true;
   this.eventList.push(data.initform);
   console.log("eventList", _this.eventList);
 });

转载于:https://www.cnblogs.com/miny-simp/p/9834949.html