首页 > 软件开发 > JavaScript >

vue 组件之间使用eventbus传值

来源:互联网 2023-03-16 23:57:15 版权归原作者所有,如有侵权,请联系我们

受用eventbus的方法很是简单,需要做三步事情,第一步,需要创造一个容器去充当eventbusvAf办公区 - 实用经验教程分享!

第二步,去抛出,或者说提交事件vAf办公区 - 实用经验教程分享!

第三步,去监听那个事件vAf办公区 - 实用经验教程分享!

工具/原料

  • JavaScript

方法/步骤

  • 1

    首先需要在全局定义eventbusvAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 2

    定义到了eventbus。这就简单的完成了第一步,当然,全局变量。vAf办公区 - 实用经验教程分享!

    接着先去抛出这个事件,使用¥。emit去“提交”vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 3

    其次经行第三步,去监听vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 4

    这里已经监听好的。点击事件vAf办公区 - 实用经验教程分享!

    接下来要去界面中使用它们了vAf办公区 - 实用经验教程分享!

    首先,倒入需要的文件:vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 5

    使用的是ransimissionone还有transimissiontwo两个文件vAf办公区 - 实用经验教程分享!

    接着是定义vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 6

    其次是使用vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 7

    最后运行项目,查看下效果。vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 8

    这边主要是交大家使用,所以代码就俘虏在下面,主要是四个文件vAf办公区 - 实用经验教程分享!

    transimissionone。vue(发送事件的文件)vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 9

    其次是transimissiontwo(监听者)vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 9该信息未经许可获取自百度经验
  • 10

    接着是我们的中枢。app。vue中使用vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 11

    请无视掉没用的代码。接着就是定义eventbus了vAf办公区 - 实用经验教程分享!

    vue 组件之间使用eventbus传值vAf办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!vAf办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号