Vuejs ein Verfahren von $ auf Ereignis Aufruf

Question

bin ein vuejs Komponente

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(); 
     }) 
    }) 

Der Fehler ich Gebäude ist

this.filterPeople(); is not a function 

Als ich es außerhalb des Event.$on Block bewegen sie die Methode tut nennen.

Wie funktioniert das?

Answer 1

Mit dem Pfeil Funktionen zu tun, um den Kontext zu speichern:

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

Answer 2

Es war alles mit Scope

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