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没办法接收)
- 上一篇 »vue $emit抛出事件
- 下一篇 »vue 子组件跨多层调用父组件中方法