首页 > 软件开发 > JavaScript >

vue 组件之间使用eventbus传值

来源:互联网 2023-03-16 23:57:15 286

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

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

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

工具/原料

  • JavaScript

方法/步骤

  • 1

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

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

  • 2

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

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

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

  • 3

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

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

  • 4

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

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

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

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

  • 5

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

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

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

  • 6

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

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

  • 7

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

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

  • 8

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

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

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

  • 9

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

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

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

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

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

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

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

  • 11

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

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

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


    标签: JAVASCRIPT

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