VueJS requête http get

Essaie d'envoyer une requête http get à l'aide de Vue js. Ne pouvez pas voir les problèmes avec la logique, pas trop connu à l'aide de vuejs bien.

Reçois ces deux erreurs:

[Vue avertir]: Erreur dans la montée crochet: "TypeError: Cannot read property
'get' undefined"

et

TypeError: Cannot read property 'get' undefined.

var owm = new Vue({
  el: '#owm',
  data: {
    debug: true,
    weather: []
  },
  methods: {
    loadWeather: function() {
      this.$http.get('http://api.openweathermap.org/data/2.5/find?q=stockholm&type=like&appid=766b78c39446a8fa6313c3b7b2063ade', function(data, status, request){
        if(status == 200)
        {
          this.weather = data;
          console.log(this.weather);
        }
      });
    }
  },
  mounted: function () {
    this.loadWeather();
  }
});

Mise à jour du code à l'aide de vue des ressources, les erreurs ont disparu, mais il ne sera pas le journal de la console toutes les données, ce qui pourrait être mauvais?

Vue.use(VueResource);
var owm = new Vue({
  el: '#owm',
  data: {
    weather: []
  },
  methods: {
    loadWeather: function() {
      this.$http.get('http://api.openweathermap.org/data/2.5/find?q=stockholm&type=like&appid=[API KEY]', function(data, status, request){
        if(status == 200)
        {
          this.weather = data;
          console.log(this.weather);
        }
      });
    }
  },
  mounted: function () {
    this.loadWeather();
  }
});

EDIT:
Ce code fonctionne, je ne comprends pas vraiment la .ensuite, la fonction si et pourquoi la demande ne fonctionne pas avec la fonction de rappel mais le .ensuite, la fonction n'.

this.$http.get('http://api.openweathermap.org/data/2.5/find?q=stockholm&type=like&appid=[API KEY]').then((data) => {
  this.weather = data;
  console.log(this.weather);
InformationsquelleAutor Znowman | 2017-11-21
  1. 4

    J'ai essayé un échantillon sur ma machine .vous êtes à l'aide de $http dans le mauvais sens. consultez la documentation.Puisque $http résout une promesse que son rappel peut être manipulé à l'intérieur d'une fonction. Cela a fonctionné pour moi:

     loadWeather: function() {
    var self=this;
  this.$http.get('http://api.openweathermap.org/data/2.5/find?q=stockholm&type=like&appid=766b78c39446a8fa6313c3b7b2063ade').then(function(response){
    if(response.status == "200"){
        console.log(response);
    self.weather = response.data.list[0].weather //use self instead of this
    }


  })
    • Toujours pas à obtenir toutes les données
    • Êtes-vous capable de faire la demande avec succès?? ou avez-vous obtenu aucune erreur lors de l'envoi de la demande ? pouvez-vous envoyer la capture d'écran de la réponse à partir du réseau du panneau dans l'outil de débogage.
    • Pas d'erreurs avec la demande, mais pas de données retourné soit
    • Découvrez le nouveau code. cela a fonctionné pour moi . 🙂
    • Couru votre code, toujours pas de retour des données. Ce code fonctionne pour moi, même si cela.$http.get('api.openweathermap.org/data/2.5/find?q=' + ce.userInput + ce.apiKey).puis((data) => {}, mais pas familier avec ce que l' .ensuite, la fonction n'.
    InformationsquelleAutor Manav Mandal