vue使用bus兄弟组件之间传递参数，第一次获取不到值

最新推荐文章于 2024-05-09 11:25:01 发布

qianlingvip

最新推荐文章于 2024-05-09 11:25:01 发布

阅读量2.6k

点赞数 7

文章标签： vue javascript bus

本文链接：https://blog.csdn.net/zhangqling/article/details/105386099

版权

                    
                    $bus作为兄弟元素之间传参的工具，用起来比较的顺手，使用方法在这里就简单的介绍一下：
A组件中使用this. 
      
          b 
         
          u 
         
          s 
         
          . 
         
         bus. 
        
     bus.emit(‘随便起个名字’, 参数)，在B页面中使用this. 
      
          b 
         
          u 
         
          s 
         
          . 
         
         bus. 
        
     bus.on(‘名字’)；就拿到传递过来的值了。记得生命周期结束的时候使用this. 
      
          b 
         
          u 
         
          s 
         
          . 
         
         bus. 
        
     bus.off(‘名字’)注销掉。
用法上做了简单的回顾，下面进入正题，第一个进来没有触发on接收到传递过来的函数，原因可能是下面这种情形。 
  没有通过点击事件，直接触发，那么你需要在触发$emit时候使用异步的方式来调用，原因是由于on先于emit执行了，所以，通过异步的方式来改变过来。
 setTimeout(() => {
      this.$bus.$emit('名字', 参数)
    }, 200)
 这样就可以解决了。