$bus.$emit、$on 用于非父子组件之间通信

1、首先,需要在main.js中注册

Vue.prototype.$bus = new Vue();

new Vue({
  render: h => h(App),
  router,
  store
}).$mount('#app')

2、在需要发送信息的组件中,发送事件:

this.$bus.$emit("removeActive",params) //removeActive事件名,params传递的参数

3、在需要接收信息的组件中,接收参数:

this.$bus.$on("removeActive",(params)=>{
      console.log('bbb',params);//处理传递过来的参数
 })
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐