多次使用事件车$Bus,连续三次以上,$on接受失效问题

最新推荐文章于 2024-06-05 21:59:32 发布
最新推荐文章于 2024-06-05 21:59:32 发布
阅读量376 收藏 8
点赞数 10
文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nss33678/article/details/136431627
版权

最近在做下单时，连续三次下单，发现后购物车数量不刷新问题。

经过两个小时的反复复现和测试问题，发现每次下单后都会跳转到订单中心，然后再点击购物车列表进行下单，和路由跳转有关系。然后跳别的页面没事，就是和跳的那个页面有关系。页面里面也有接受别的事件车，在destoryed里面用到了this.$Bus.$of(),没有指定销毁哪个事件，所以把下单跳转过来刷新购物车数量的事件车给销毁了。

其实还是小问题，this.$Bus.$of('renewTabs'),指定销毁的事件就好了。这样就不会误销毁别的事件车了

花生柿子
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈vue中$bus的使用和涉及到的问题
10-15
主要介绍了浅谈vue中$bus的使用和涉及到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue bus.$emit触发第一次$on监听不到问题
10-15
主要介绍了解决vue bus.$emit触发第一次$on监听不到问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
10-18
今天小编就为大家分享一篇解决Vue.js父组件$on无法监听子组件$emit触发事件的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中$bus.$emit和$bus.$on的用法温故
最新发布
ldcaws的专栏
06-05 308
$bus. $emit、 $bus. $on 用于非父子组件之间通信。
全局事件总线，安装，执行以及$on接收不到数据怎么解决
m0_51534164的博客
07-06 2723
全局事件总线：适合任意组件间的数据传递。安装，执行以及$on接收不到数据怎么解决。以及第一次监听不到怎么解决
Vue 兄弟组件（子组件与子组件间通信）间通信，$on方法失效问题，以及父子组件间通信
laianko的博客
03-30 1366
Vue组件间通信，兄弟组件间，父子组件间
关于vue中使用事件车(Bus)方式实现兄弟组件通信时$on无法获取数据的问题_同一页面下的bus通信为什么数据不显示
2401_84447362的博客
05-09 446
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
vue中使用bus 实现子组件之间通讯，获取不到值的情况
qq_51538602的博客
07-28 1016
在main.js文件中Vue.prototype.$bus=newVue();
组件传值之-----兄弟之间传值=＞$bus/$on
m0_65132206的博客
09-28 465
,兄弟组件之间如何直接传值呢?this$bus.$emit('事件名',实参)传递数据。
bus.$emit和bus.$on的用法
weixin_44281416的博客
10-29 7068
bus用来传递非父子关系的数据 如两个子组件之间传递数据 子组件1 this.bus.$emit("change",param) 子组件2 this.bus.$on("change",function(param){ }) 补充：子组件中也可以写成这样的箭头函数 this.bus.$on("change",para=>{ }) ...
vue中$bus的用法及$emit、$on、$off的使用
热门推荐
ldcaws的专栏
12-06 1万+
vue中 $bus 一般与 $emit、 $on、 $off 连用，一般用在任意组件间的通信，即 $bus 用来传递非父子关系的数据。 如两个组件之间传递数据： 子组件1 子组件2 1、$emit2、$on注意：$emit 和 $on 的事件必须在一个公共的实例上，才能够触发。3、实例事件 实例事件就是在构造器外部调用构造器内部的数据。4、实例 在Student组件中提供数据给另一个School组件 在School组件中使用事件总线，接收数据。School组件想接收数据，则在School组件中给 $bus绑
Vue中使用bus.$emit触发自定义事件bus.$on却监听不到任何消息
sinat_34241861的博客
06-26 3632
问题产生场景 在前端开发任务中，需要实现兄弟组件之间传值。为实现这个目的，采用了 总线 的方式。但是实际结果是当兄弟组件A触发了自定义事件后，兄弟组件B并未监听到相关的信息 问题原因 因为我的代码中$emit()事件先于 $on()监听事件执行了，Vue并没有储存监听事件，所以无法监听到数据。即使用总线方式实现兄弟组件间的传值时，必须保证 $on()监听事件先被创建，否则无法正常监听消息 参考博客链接：https://blog.csdn.net/qq_39081974/article/details/881
简单描述vue事件总线$bus及$on重复触发问题
胖胖的博客
03-19 4673
使用情景 非父子组件之间通信时，一层一层传太麻烦，Vuex又有点小题大做，这时就会用到。 开始 在main.js中创建$bus，这样就能全局使用。 Vue.prototype.$bus = new Vue() 在组件中（下面就称作组件1）通过$emit分发事件 this.$bus.$emit('imgLoad') 在另一组件中，（下面就称作组件2）通过$on来监听该组件分发出来的事件。 thi...
vue3 mitt路由跳转后 on事件获取不到值的奇葩问题解决
weixin_45966674的博客
08-06 3531
vue3不再支持大家试用this 那原型链这种东西自然是要命了。比如我们定义 EventBus.emit。这样就可以把所有存在mitt中的值输出出来。你会奇异的发现这个方法压根不会触发。好在我们还有第三方插件mitt。如果我们只想要datas。然后在下一个组件中试用。然后马上进行路由跳转。这个时候估计就很蒙了。
vue 非父子组件传值 事件总线 $on $emit 新手踩过的坑及解决方法
weixin_52190942的博客
05-18 1146
vue 非父子组件传值 事件总线 $on $emit 新手踩过的坑及解决方法 vue 非父子组件传值 事件总线 $on $emit 新手踩过的坑及解决方法 基本语句 Vue.prototype.bus = new Vue()// 在 Vue 的prototype挂载了一个bus属性 //触发事件 传值 this.bus.$emit('change', this.name)// 通过$emit向外层触发事件并传递参数；第一个参数是事件名字随便起但需跟$on中的事件名字一样 // 监听事件 接收值 thi
eventbus，在this.$on监听事件时无法在获取数据
Wu_whiteHyacinth的博客
12-22 1183
eventbus，在this.$on监听事件时无法在获取数据
解决Vue使用$bus总线时,路由跳转时数据没成功传递问题
m0_51056513的博客
07-18 2390
$bus总线是vue中路由跳转传递数据的常用方法，适用于传递数据不多的情况，但是在使用的过程中发现，bus总线路由跳转的时候总是不能够成功传递需要传递的数据。
vue中$bus.$emit、$on的用法
活宝小娜的博客
07-13 1648
vue中$bus.$emit、$on的用法。
Vue3如何使用事件总线$bus
06-01
3. 在需要监听事件的组件中，通过import引入上述文件，并在组件内部使用$on方法监听事件，例如： ``` import { bus } from '@/path/to/bus.js'; // 监听事件 bus.on('event-name', (data) => { // 处理事件 }...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值