事件处理程序Vue.JS的访问方法

Question

我不知道如何解释它，但我只是想问为什么我不能从$ on事件处理程序中执行getTransaction方法。 控制台只会显示这样的错误。

var transactioninfo = {
  template: `<p>hello</p>`,
  methods: {
    getTransaction: function() {
      alert('test')
    }
  },
  mounted: function() {
    event_broadcaster.$on('showSelected', function(payload) {
      this.transactioninfo.getTransaction();
    })
  },
  data () {
    return {
      Transaction: [],
    }
  },
}

Answer 1

您正在改变的背景下this ，当你使用一个回调传递function的语法。 将其更改为es6箭头符号，它应该可以工作：

event_broadcaster.$on('showSelected', (payload) => {
    this.getTransaction();
})