vue兄弟组件之间用eventbus传值,传值成功但是页面没有变化

时间:2024-03-16 13:13:51

之前在做兄弟组件之间传值的时候,用的是eventbus的形式,代码如下

组件a:

vue兄弟组件之间用eventbus传值,传值成功但是页面没有变化

组件a中出发了brotherData这个方法并且传了值

在组件b中,用on 来监听brotherData方法并获取值,代码如下

vue兄弟组件之间用eventbus传值,传值成功但是页面没有变化

alert的数据已经发生改变了,但是页面上的值并没有发生改变

解决办法很简单,将function改成箭头函数或者提前将this赋值给另外一个变量,解决作用域的问题,就不会出现这个情况了

 

vue兄弟组件之间用eventbus传值,传值成功但是页面没有变化

或者

vue兄弟组件之间用eventbus传值,传值成功但是页面没有变化都可以!