码迷,mamicode.com
首页 > Web开发 > 详细

bus.js非父子组件之间通讯

时间:2019-02-28 16:34:05      阅读:476      评论:0      收藏:0      [点我收藏+]

标签:需要   strong   end   java   ram   set   from   列表   ssi   

1.bus.js文件: assets目录下

import Vue from ‘vue‘
//  创建通讯实例
var bus = new Vue()
export default bus

2.在需要通讯的页面引入:

import Bus from ‘@/assets/common/bus‘

3.在数据发起方发送:

Bus.$emit(‘getCode‘,this.openDialog1.groupid)

4.数据接收方获取:mounted里 

Bus.$on(‘getCode‘, function (msg) { // 获取小助手列表
      var param = new FormData()
      param.append(‘groupid‘, msg)
      _PhPApi.getGroupInfo(param)
        .then(res => {
          this.tableData = res.data.assistantInfo
        })
}.bind(this))

  

 

bus.js非父子组件之间通讯

标签:需要   strong   end   java   ram   set   from   列表   ssi   

原文地址:https://www.cnblogs.com/rockyan/p/10451194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!