Vue 事件总线 多次触发

提供数据

this.$bus.$emit('userDate',response.data.sysname)

接收数据

this.$bus.$on('userDate',(r)=>{
	console.log("-----"+this.UserName)
	this.UserName=r
	console.log("-----"+this.UserName)
})

问题描述
使用使用一个事件车(总线)的方式实现兄弟组件之间的通信,在接收数据时,当前组件获取到的数据一直未null
首先考虑是不是没有执行这一步代码,随便打印一段信息,控制台正常输出
确认监听事件 o n 的 周 期 确 实 在 m o u n t e d 尝 试 使 用 t h i s . on 的周期确实在 mounted 尝试使用 this. onmounted使this.nextClick ,无效

只要页面没有强制刷新,存在组件切换,bus.$on方法会多次绑定,造成事件多次触发。

解决
在每次绑定事件前,先解绑该事件:

this.$bus.$off('userDate')
this.$bus.$on('userDate',(r)=>{
	console.log("-----"+this.UserName)
	this.UserName=r
	console.log("-----"+this.UserName)
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值