Vue Ressource $ http definiert nicht

Question

ich diesen Code habe in meiner bereit Methode: this.$http.get('url',{},{ headers: { "X-App-Token": "token" } }).then( (data) => this.$set('cdata',data.data)) .catch((error) => console.log('Got a problem'+error));

und seine Arbeit gut, ist der probelm, wenn ich dies zu einer Bewegung eines andere functtion in Methoden Objekt, das es nicht funktioniert .

ready(){ 
this.getJsonData(); 
}, 

methods: { 
getJsonData:() => { 
this.$http.get('url',{},{ 
    headers: { 
     "X-App-Token": "token" 
    } 
    }).then( (data) => this.$set('cdata',data.data)) 
    .catch((error) => console.log('Got a problem'+error)); 
}, 
}, 

Der Fehler:

src\src\App.vue:23 Uncaught TypeError: Cannot read property '$http' of undefined 

//this becomes undefined. 

Answer 1

ich denke, es ist die Verwendung des Pfeils sein kann, die Funktion zu erzeugen. Kann es sein, dass diese Funktion in einem nicht definierten Bereich liegt? Versuchen Sie dies:

methods: { 
    getJsonData(){ 
    this.$http.get('url',{},{ 
     //...