vue 中兄弟组件的传值
2018-04-23 10:57
106 查看
1 在main.js中全局注册一个
data:{
eventHub: new Vue()
}
2 在组件a里定义需要传的参数
self.$root.eventHub.$emit('add',{tabnum:tab.index,yuid:tab.$vnode.key,); 3 在组件b里取得需要接受的参数
self.$root.eventHub.$on('add',function(data) { self.tabnum = data.tabnum; self.yunid = data.yuid;} })
阅读更多
相关文章推荐
- vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例
- vue兄弟组件传递数据的实例
- vue单页面兄弟组件信息传递
- VUE 简单父子组件,兄弟组件弹窗通信练习
- vue 兄弟组件之间传数据之$emit 和 $on 组件通信
- Vue 兄弟组件通信的方法(不使用Vuex)
- Vue.js中兄弟组件之间互相传值实例
- vue 兄弟组件之间的通讯
- Vue 兄弟组件通信(不使用Vuex)
- Vue.js中兄弟组件之间互相传值
- 基于vue 兄弟组件之间事件触发(详解)
- vue如何实现兄弟组件间值传递
- vue.js 兄弟组件传值
- Vue 兄弟组件通信(不使用Vuex)
- Vue之父子兄弟组件间通信
- vue 兄弟组件之间事件触发
- vue2.0 兄弟组件(平级)通讯的实现代码
- vue中子组件调用兄弟组件方法
- vue2.0 兄弟组件数据传递方法
- vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例