vue的兄弟组件使用 $emit和$on 传值

本文转载自查看原文 2021-02-04 10:00 318 vue

首先在main.js中创建一个空的示例，并且将自定义的$bus绑定到原型上

Vue.prototype.$bus = new Vue()

发出方

this.$bus.$emit('fromB', id)

接收方

mounted () {
  let that = this;
  that.$bus.$on('fromB', data => {
     // console.log("接收到的数据："+data);
  })
},

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

猜您在找 Vue 在同级组件中传值（$emit、$on 的使用） vue调用兄弟组件的方法使用vueBus调用$emit、$on（只需触发方法即可，不需要考虑传值或参数的问题） vue兄弟组件传值 vue兄弟组件传值 vue使用bus进行兄弟组件传值 vue兄弟组件间的传参$refs, $emit, $on, $once, $off的使用 vue 父子组件传值，兄弟组件传值 vue中兄弟组件的传值 vue兄弟组件的传值eventbus vue兄弟组件传值、方法