vue-全局事件总线

引入

main.js

import store from './store' // store

Vue.prototype.$store = store

const app = new Vue({
  ...App,
  //主要是下面这一句
  beforeCreate() {
    Vue.prototype.$bus = this
  }
})

//第一个组件调用 全局事件总线 getDetailTree
this.$bus.$emit('getDetailTree',{contractId:this.contractId})


//第二个组件接收，然后调用getDetailTree方法
  mounted() {
     this.$bus.$on('getDetailTree', this.getDetailTree)
   }
//第二个组件接收后调用的方法
async getDetailTree(data){ //data就是传递过来的值
      this.$modal.loading('查询数据中....')
      await getTree(data).then(res => {
        this.contractDetailList = res.data
        this.$modal.closeLoading()
      }).cache(() => {
        this.$modal.closeLoading()
      })
},

 },