繁体   English   中英

是否可以在不使用事件总线的情况下在不相关的Vue组件之间传递数据?

Any way to pass data between non-related Vue components without using Event Bus?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

首先,我想弄清楚为什么我不想在这种情况下使用事件总线: 因为事件总线在这种情况下不起作用!

请首先查看我的Vue.js项目的简化结构:

App.vue
  |---Map.vue
  |---Info.vue
  |     |---layerInfo.vue
  |
  |---WMS.vue
  |---WFS.vue
  |---Basic.vue

该图仅显示了哪个组件创建了哪个子组件,但并非在Vue应用程序开始时都创建了所有子组件。 仅在满足某些条件时才会创建layerInfo.vue(您只能在使用后单击按钮才能成像,layerInfo.vue将被渲染/创建)

我做了什么:

在Map.vue组件中,我创建了一个Object映射,其中包含有用的信息,然后将该映射发送到Global Event Bus。

现在的问题是,layerinfo.vue不存在。 因此,我无法使用$ on来监听$ emit事件。 (即使我尝试过,也没有得到地图)


关于事件总线的另一个问题:我在vue应用程序的另一部分中使用了事件总线。 但是我还是很困惑,如果事件总线是双向数据绑定还是仅双向数据绑定? 我的结论是: 仅当两个不相关的组件都存在时,才可以使用全局事件总线在它们之间传递数据。

但是我的问题是: 当我不知道何时将创建/呈现需要接收数据的组件时,如何在两个不相关的组件之间传递日期?

问题暂未有回复.您可以查看右边的相关问题.
1 Angular 4-不相关组件之间的交互

我有一个工作系统,可以在控制面板中定义菜单项并将其提取到多个位置。 我要添加的一项附加功能是在创建新菜单项时刷新菜单(例如,在侧边栏)。 简单地说,我想运行getMenu在我定义的函数SidebarComponent ,后addMenuItem在我的功能MenuComponent运行。 ...

2017-05-25 11:26:47 1 53   angular
3 Angular 6 Search bar 和 Result 两个不同的不相关组件

我有两个组件1. Header Component 2. Result Component在标题中,我有一个带有按钮的搜索栏,单击该按钮我希望结果填充在结果页面上。 第二个问题是一旦我是结果页面,如果我在标题组件搜索中输入搜索值,它不应该重新加载页面 标题和结果组件都不相关,所以如果我有办法传递值 ...

4 使用Otto事件总线在RecyclerViews之间传递数据

我在ViewPager中包含的2个不同Fragments中有2个Recyclerviews。 单击我的RecyclerviewA中的卡片后,我想将相应的对象传递给RecyclerviewB,目前我在RecyclerView中具有一个onClick,其代码如下: 在RecyclerVie ...

7 Vue无法绑定总线事件数据和组件数据

因此,我发出了一个事件总线事件,以将数据从一个组件传递到另一个组件。 由于某种原因,它无法正常工作,并且对象newMail仍然为空。 如何将事件总线中的数据分配给本地组件数据? 如果需要更多代码或其他信息,请告诉我。 ...

8 LEFT JOIN返回不相关的数据,该数据应为NULL

我有7张桌子正在尝试合并。 发布 社区 社区标签类别 标签类别 标签分类 标签 发布标签 在某些表中有些帖子没有相应的信息,因此我尝试使用LEFT JOIN。 这是我一直在尝试使用的查询: 因为只有帖子80具有任何关联的标签 ...

2019-08-08 18:22:07 2 57   mysql
10 使用Vue事件或Vuex在组件之间传递数据(性能)?

我正在开发一个应用程序,它需要从一个组件和另一个组件共享信息,该组件使用该信息以 30-60fps 的速度更新画布元素。 我的目标是低端设备,所以性能很重要。 我目前正在使用 Vuex store/get 在两个组件之间传输信息。 虽然它不会那么干净,但我意识到我也可以使用事件将这些信息向上和向下 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM