引入
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()
})
},
},