vue 中 Bus 重复调用的问题

最新推荐文章于 2022-11-21 15:25:05 发布
最新推荐文章于 2022-11-21 15:25:05 发布
阅读量600 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/baifubin/p/10937310.html
版权 
beforeDestroy() {
        //组件销毁前需要解绑事件。否则会出现重复触发事件的问题
        this.$Bus.$off('navBtn');
    },

不然会重复调用超多次接口+11111111111111111111

转载于:https://www.cnblogs.com/baifubin/p/10937310.html

weixin_30321709
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈vue中$bus的使用和涉及到的问题
10-15
主要介绍了浅谈vue中$bus的使用和涉及到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue3 mitt事件重复触发
Liyan_Yanna的博客
06-07 2814
子元素中发起的事件 setup(props) { onMounted(() => { bus.emit("add", {value: '测试'}) }) return {} } 父元素中监听 import bus from "@/utils/mitt"; ... setup(props) { var i = 0; bus.on('add', (d
vue中bus的用法及bus.$on重复触发问题总结
weixin_44900104的博客
11-04 3002
vue中bus的用法及bus.$on重复触发问题总结
vue 中接口多次重复调用
mark_gsd的博客
06-24 1万+
在代码中发现一个接口总是莫名奇妙的调用多次，一直找不到原因，后来发现是在使用bus的过程中没用调用off方法将对应的事件注销导致的
解决vue全局事件总线bus反复调用的问题
qq_40775604的博客
09-30 2129
全局定义的事件是不会跟随组件的生命周期函数进行状态改变的。切换路由时，如果不手动清除事件的话，它会注册多次，导致内部的函数也会被多次运行。
vue 使用vue-bus 父子组件和非父子组件使用
周家大小姐
06-11 831
安装: npminstallvue-bus main.js 引入 import Vue from 'vue'; import VueBus from 'vue-bus'; Vue.use(VueBus); 子组件使用: <button @click="btnBack">点我</button> methods: { btnBack...
解决vue 按钮多次点击重复提交数据问题
08-27
主要介绍了vue 按钮多次点击重复提交数据的问题,本文通过实例结合的形式给大家介绍的非常详细，需要的朋友可以参考下
解决vue路由name同名,路由重复的问题
10-15
主要介绍了解决vue路由name同名,路由重复的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解vue开发中调用微信jssdk的问题
10-17
主要介绍了vue开发中调用微信jssdk的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue开发中遇到的问题总结
10-15
在本篇文章里小编给大家分享的是关于vue开发中遇到的问题总结，有兴趣的朋友们可以学习参考下。
vue组件间切换 this.$bus.$on会多次调用问题
weixin_44545815的博客
11-21 2867
this.$bus.$on 向容器添加了一个事件监听，当页面跳转时，原来的组件没有注销。事件监听不会被移除，再次进入该组件后 又会向bus容器添加重复的事件监听器
Vue——eventBus使用，重复触发
where_slr的博客
09-19 1968
之前写项目中遇到使用eventBus，兄弟组件之间传值写了个简单的demo测试总结一下 新建了一个Bus import Vue from "vue"; export default new Vue(); Send组件： <template> <div> <div> 我是发送数据的页面</div> <div class="...
VUE 爬坑之旅-- eventBus 事件总线的基本使用和重复触发事件问题的解决
Alex_Zhao 的博客
05-11 1万+
在单页应用中，在 A 页面中触发事件，然后在 B 页面中对这个事件进行响应是一个很常见的需求，那么当有这种需求的时候要怎么实现呢。有两种方案可以实现： 1. 使用 vuex 状态管理，当触发事件时，改变 vuex 中的状态，然后在需要响应事件的地方用 watch 监听这个状态，当状态改变时，响应事件。 2. 使用 eventBus 事件总线，当触发事件时，发送一个通知出去，在需要响应的地方接收...
vue组件中—bus总线事件回调函数多次执行的问题
weixin_30375427的博客
09-21 440
在利用vue组件进行事件监听时发现，如果对N个vue组件实例的bus总线绑定同一事件的回调函数，触发任意组件的对应事件，回调函数至少会被执行N次，这是为什么呢？ 为此，调研了普通对象的事件绑定和触发实现方式，参考：JavaScript实现自定义对象的自定义事件。 其基本思想就是：设计一个原型对象，作为基类，其重点属性包括：一个_events对象数组属性，一个addEventListene...
EventBus事件执行多次的原因
热门推荐
迷糊小码农的博客
06-27 1万+
最近我在用EventBus去接收来自其他类的通知，用于Dialog内容的显示。当我删除会员的时候，竟然没有效果，删除会员的时候是根据保存的会员ID来删除会员信息的，我怀疑了是不是我的ID值没取到或者是没保存成功，我打印了日志。 这里面是有会员ID的，我的事件被执行了多次，而且是毫秒级别的。但是我只点击了一次删除的按钮事件，为什么会执行了三次呢？看时间就都是毫秒级别的，第一次接收到的毫秒时间是...
VUE中使用bus传值时，接收页面多次触发接收方法的问题
happygirlnan的专栏
07-23 2411
使用bus在兄弟组件间传递值时，可能会有多个组件监听通过bus传出的值。比如： 组件A的一个按钮事件中有这么一句：bus.$emit('getUnitId',data);组件B、C、D中监听接收。 在组件B中接收的代码如下 mounted(){ bus.$on("getUnitId", function(data){ console.log(data); ...
Vue 解决 Bus 监听器 $on 多次执行 (详解)
Bnana博客
06-02 5052
Vue 解决 Bus 监听器 $on 多次执行 (详解) 文章概览 bus 监听执行一次 方法一 beforeDestroy () { this.$bus.$off('method') } 解析：组件销毁时 关闭 监听器 缺点：存在 组件 被多个调用，销毁单个 组件时，其他调用者无法触发监听方法 方法二 this.$bus.$once('method') 解析：相同监听方法只执行一次 方法三 create(){ this.$bus.$off('method')..
如何遍历 vue 中的bus
最新发布
06-03
在 Vue 中，事件总线通常是通过一个空的 Vue 实例作为事件总线来实现的，我们可以在这个空的 Vue 实例上注册事件监听器，然后在需要发送事件的组件中通过 `$emit` 方法触发事件，从而实现组件之间的通信。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值