首页 > 其他 > 详细

Vue 使用eventBus 实现兄弟组件间的通信

时间:2019-08-06 20:40:58      阅读:117      评论:0      收藏:0      [点我收藏+]

实现方式:  主要是在相互通信的兄弟组件之中,都引入一个新的vue实例,然后通过分别调用这个实例的事件触发事件广播 和监听来实现通信和参数传递。

需求: a页面tree的增删改后,数据还是之前的老数据,要求b页面的tree的数据也要更新。

A页面: 绑定事件,并通过eventBus.$emit触发。

 增加 window.eventBus.$emit(‘getTreeData‘,1)
 getTreeData(){ // 获取节点数据
      window.eventBus.$emit(‘getTreeData‘,1)
      axios.get(‘getpro/getTree‘)
      .then((res) => {
        if(res.data.retCode === ‘200‘){
          this.Opt = Vue.formatTreeData3(res.data.data)
    },

 

B页面: created或者mounted里调用,使用eventBus.$on接收。

    window.eventBus.$on(‘getTreeData‘,()=>{
      this.getTreeData()
    })

 

Vue 使用eventBus 实现兄弟组件间的通信

原文:https://www.cnblogs.com/2001-/p/11311594.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!