Vuejs从$ on事件调用方法

Question

正在构建vuejs组件

methods: {
       filterPeople: function() {
        console.log('hello')
         //do some good stuff
       },


    },
    beforeCreate() {
     //do some ajax stuff

  },
    mounted() {
      Event.$on('applied', function() {
        console.log('the event is being caught')
        this.filterPeople();
      })
    })

我得到的错误是

this.filterPeople(); is not a function

当我将它移到Event.$on块之外时，它会调用该方法。

这是如何运作的？

Answer 1

这与Scope

有关

 var self = this;
      Event.$on('applied', function() {
         self.filterPeople();
})

Answer 2

使用箭头功能保存上下文：

Event.$on('applied', () => this.filterPeople());