vue调用兄弟组件的方法使用vueBus调用$emit、$on(只需触发方法即可,不需要考虑传值或参数的问题)

触发方:

vueBus.$emit('queryAll')

被触发方:

created() {
vueBus.$on('queryAll', () => {
this.getList() // 触发该方法即可
})
},

 带参数的场景:

触发方 

vueBus.$on('update', val => {
this.temp = val // 接收修改时的表单内容
this.updateDialogVisible()
})

被触发方

vueBus.$emit('update', Object.assign({}, row)) // 当前选中行内容返回给表单(必须传触发方法后的值,不然前面的val没办法接收)
posted on 2019-11-18 09:46  小虾米吖~  阅读(885)  评论(0编辑  收藏  举报