• $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)
    
    这样就可以解决了。
Logo

前往低代码交流专区

更多推荐