vue事件总线坑

最新推荐文章于 2024-03-01 22:11:58 发布
最新推荐文章于 2024-03-01 22:11:58 发布
阅读量568 收藏
点赞数 1
分类专栏： vue 文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44637134/article/details/113531588
版权

解决vue事件总线第一次监听不到和监听次数越来越多的问题

  • 第一次监听不到的原因(生命周期，组件A触发事件时￥emit发射的事件组件B在mounted生命函数中是接收不到的，因为这时候组件B还没创建出来，所以我们必须在组件A的deactivated(组件在keep-alive生效的情况)或beforeDestroy中￥emit发送事件，如果要携带item或者index，可以先在data中保存)
  • 监听依次增多的问题(我们需要在￥on之前手动关闭￥emit)
    在这里插入图片描述
weixin_44637134
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 中央事件总线的坑
grootbaby
09-04 1753
两个问题： 问题1： 为什么第一次触发的时候页面B中的on事件没有被触发 问题2： 为什么后面再一次依次去触发的时候会出现，每一次都会发现好像之前的on事件分发都没有被撤销一样，导致每一次的事件触发执行越来越多。 问题一 第一次触发的时候页面B中的on事件没有被触发 产生原因 当我们还在页面A的时候，页面B还没生成，也就是页面B中的 created中所监听的来自于A中的事......
Vue事件总线插件监听在线/离线更改-JavaScript开发
05-26
vue-connection-listener Vue事件总线插件侦听在线/离线更改关于每当导航器的连接状态更改时，都会发出带有布尔有效载荷的“连接”事件，该负载指示新的st vue-connection-listener Vue事件总线插件侦听在线/离线...
Vue中的事件总线(EventBus)是什么？它有什么优点和缺点？
Coding home - 漂流瓶jz
03-01 1806
事件总线是一种组件通信方式，用于在工程的中的任意组件中进行事件触发和数据传递。通过在全局创建一个事件总线，所有组件（无论他们的关系是父子还是兄弟还是不相关）都可以使用同一个总线发送事件和监听事件，传输数据。这样通信就可以不受组件间关系限制，实现灵活的通信能力。事件总线作为一种全局的组件通信方法，符合订阅发布模式，由于其简单有效的使用方式，受到部分开发者的欢迎。但是由于各种使用不慎和维护带来的问题，官方和许多开发者也不推荐使用：在绝大多数情况下，不鼓励使用全局的事件总线在组件之间进行通信。
vue之事件总线（EventBus）慎用
几百块的博客
10-13 636
通常适用于兄弟组件传值 最好规划好作用范围 - 通过实例控制范围（不同范围不同实例） - 通过命名空间控制范围（不同范围共享同一实例） 新建event-bus.js import Vue from 'vue' export const EventBus = new Vue() 在局部组件引入 import { EventBus } from "/src/event-bus.js"; 注意，在组件销毁时需要先进行关闭监听！ beforeDestroy() { EventBus.$off("aMsg
vue项目中全局使用EventBus的方法，以及利弊分析
niuglar的博客
07-21 6829
EventBus是什么 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件。EventBus主要是用到发布者-订阅者的设计模式，所以代码里需要有一个地方注册事件，有另外一个或多个地方订阅事件。 为什么要用EventBus vue组件之间的通信，常见的有父传子，子传父，或者兄弟组件间互传，涉及到跨页面时需要用到vuex或者缓存的方式传值。一般来说用vuex做状态管理是项目的首选，但有一些小型而且快
vue-bus 切换页面后第一次触发事件接收不到
Hyung的博客
12-04 1611
最近在做一个 Vue 的管理系统，有几个页面使用了同一个组件。想使用 vue-bus 进行组件间的通信，子组件发布消息，在父组件的 created 中用 on 监听，然后在父组件的 beforeDestory 中使用 off 销毁（否则会重复多次触发事件）。遇到了一个问题，在使用相同组件的页面间切换后，子组件发布消息时，父组件接收不到，必须刷新一次当前页面才可收到消息。后来发现原因在于 Vue 的...
Vue监听组件的生命周期
qq_27851967的博客
10-11 302
通过监听组件的生命周期从而进行某些操作 常规做法 // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() { this.$emit("mounted"); } 简易做法 <Child @hook:mounted="doSomething"/> <Child @hook:up...
有关vue全局事件总线无法触发
younisizhai的博客
04-10 2842
vue全局事件总线无法触发的解决办法
vue2 事件总线思维图
01-27
vue2 事件总线思维图
vue总线机制(bus)知识点详解
01-19
vue中非父子组件之间通信除了使用vuex，也可以通过bus总线，两者适用场景不同。 bus适合小项目、数据被更少组件使用的项目，对于中大型项目 数据在很多组件之间使用的情况 bus就不太适用了。bus其实就是一个发布订阅...
Vue事件总线插件用于侦听在线离线变化
08-10
"Vue事件总线插件用于侦听在线/离线变化"这个主题，主要是讨论如何利用Vue事件总线机制来监听用户的网络状态变化，即在线和离线的状态。在网络状态发生变化时，可以触发相应的处理逻辑，如显示提示信息或调整应用的...
Vue组件通信中央事件总线实例
09-28
介绍Vue组件之间的通信方式，本资源主要是介绍中央事件总线这种模式，代码中详细示范了如何使用中央事件总线来通信
Vue中央事件总线$bus第一次不触发问题
Liux- 的博客
03-09 927
Vue中央事件总线$bus跨父子组件通信（解决$bus.$emit 第一次不触发）
Vue全局事件总线（兄弟组件之间传值）
m0_50832030的博客
03-15 1610
1、安装全局时间总线。在man.js中给这个Vue实例添加一个beforeCreate钩子。在Vue原型对象中添加一个$bus赋值为当前应用的vm(Vue实例) 2、使用事件总线。 一、提供数据的组件：使用$bus的$emit Api去传值给A组件 二、接收数据组件比如：A组件想接受数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件的自身，可以在mounted钩子中接受数据 3、最好在接收数据的组件中的beforeDestroy钩子中，用$bus的$off Api去解绑当前
vue中总线机制(EventBus)
王春燕的博客
06-08 1235
一、EventBus的简介 二、使用方法 第一步：2种方式初始化 第二步：发送事件 第三步：接受事件 第四步：移除事件 三、全局EventBus 四、EventBus的优缺点 一、EventBus的简介 EventBus 又称时间总线 ，理解上来讲 EventBus 机制是通知的概念，EventBus作为所有组件共享的事件中心，既可以发送事件也可以接受事件，所有组件都可以平行的接到到相对应的数据。...
vue 事件总线问题
qq_38521284的博客
03-05 1398
问题一:  不同组件传值(非父子组件)在main.js中,构建eventBus = new Vue();pageA.vue在methods中发布事件eventBus.$emit('test', 123);应该在pageB.vue生命周期creatd/mounted中触发事件, eventBus.$on('test', (content) =&gt; {//content即是出过来的值});问题二:...
vue中总线Bus传值的哪些坑
Config_js的博客
05-31 550
动态组件中用总线Bus的坑
关于vue中央总线踩坑（一定要销毁）
qq_42931285的博客
03-21 1069
一定要销毁！！！！一定要销毁！！！ 页面A发送方(组件emit触发事件)； 页面B接收方(on接收事件)； 踩坑1： 问题一 第一次触发的时候页面B中的on事件没有被触发； 产生原因： 当我们还在页面A的时候，页面B还没生成，也就是页面B中的 created（或mounted）中所监听的来自于A中的事件还没有被触发。这个时候当你A中emit事件的时候，B其实是没有监听到的。这个需要看一下两个组件的生成顺序了！可以通过在钩子函数中想法$emit实现。若实现不行则不适用。 后面再一次依次去触发的时候会出现，每一
udp分片报文pcap文件
最新发布
07-18
udp分片报文pcap文件：64kudp大包分成每片658字节总计100片
vue事件总线的缺点
08-01
回答: vue事件总线的缺点主要有以下几点。首先，由于事件总线是一个全局的对象，所以在大型项目中容易出现命名冲突的问题，即不同组件使用相同的事件名称可能会导致意外的触发。其次，事件总线的使用可能会导致代码...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值