本文转载自查看原文 2021-04-27 15:27 494 vue

兄弟组件A B

A页面无论是点击哪个个按钮，如果改变了列表中的数据，B列表需要实时更新数据。

然后就可以通过emit、on进行通信：如下：

B组件中发射

this.$eventBus.$emit('openDemandList')

接着，我们要在A组件中的created()钩子中调用bus监听这个事件，并接收参数：

Vue事件总线（eventBus）$on()会多次触发解决办法

解决办法就是在beforeDestroy或destroy周期中将事件进行销毁，使用$off()

beforeDestroy () {bus.$off('openDemandList') },

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue 组件之间事件触发($emit)与event Bus($on)的用法说明 vue兄弟组件之间的通信（bus.js）方法 vue 中 emit 触发自定义组件事件报错Custom event name ‘clickFather‘ must be kebab-case 原因 vue兄弟组件之间传值 Vuejs 用$emit 与 $on 来进行兄弟组件之间的数据传输 Vuejs 用$emit 与 $on 来进行兄弟组件之间的数据传输 Vue bus的使用（兄弟｜非父子组件传值）-->可以使用一个空的Vue实例作为中央事件总线new Vue() vue中$emit与$on和BUS vue js 组件之间的通信（$emit $on） vue 关于子组件向父组件传值$emit触发无效问题