如何在Vue中使用事件总线通过自定义事件传递数据。js 2

可以将参数作为第二个参数传递

this.$eventBus.$emit('actionCompleted', objectParams)

export default {
  created: function () {
      this.$eventBus.$on('actionCompleted', this.myMethod)
  },
  methods: {
    myMethod (objectParams) {
        console.log('myMethod called', objectParams)
    }
  }
}

您可以检查 following tutorial

您可以像这样为单个参数创建事件:

this.$eventBus.$emit('actionCompleted',args)

可以通过逗号分隔的值传递多个参数。

多个参数:

this.$eventBus.$emit('actionCompleted',args1, args2 ...)

传递该参数后,您可以得到如下结果[对于单个参数]:

export default {
  created: function () {
      this.$eventBus.$on('actionCompleted', this.myMethod)
  },
  methods: {
    myMethod (args) {
        console.log('myMethod called', args)
    }
  }
}

您只需通过事件总线发出对象:

this.$eventBus.$emit('actionCompleted', this.yourObject)

然后像这样抓住它:

export default {
  created: function () {
      this.$eventBus.$on('actionCompleted', this.myMethod)
  },
  methods: {
    myMethod (objectParams) {
        console.log('myMethod called', objectParams)
    }
  }
}