mitt事件总线组件之间传值时,使用on无法监听到消息的解决

Mitt 是一个第三方消息发布/订阅JavaScript库,可以使用它在组件之间发送,监听消息。

安装导入

使用时,首先安装依赖包:npm install mitt
然后新建Eventbus.ts文件,之后就可以在组件中导入使用了。
Eventbus.ts

使用

发送消息:
在这里插入图片描述
接收消息:
在这里插入图片描述
在这里接收的时候发现,消息在发送之后,没办法接收到,使用全局的接收倒是可以接收到,但是单独接收这个不可以。

let srith;
EventBus.on('*',(index,data) => {
	if(srith !== index){
	    srith = index;
	    console.log(data)
	}else{
	    return
	}
})

在网上搜了之后发现,这是因为现在的emitter.on是写在 onMounted生命周期里面,但是emitter.emit却是写在了setup里面,先发送了消息,才加的监听,那自然监听不到。

解决方案

把emitter.on也放在setup里面,先监听,再发送消息,就可以监听到了。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值