2016-08-04 2 views
0

Im folgenden Code erhalte ich Daten vom Server und Array mit ihnen Füllung:Soll ich JSON in Array konvertieren, um es mit v-for zu iterieren?

Vue.http.post('/dbdata', DataBody).then((response) => { 
     App.$refs.userContent.rasters_previews_list.$set(response); // putting JSON answer to Component data in userContent 
     console.log("App.$refs.userContent.rasters_previews_list: ", App.$refs.userContent.rasters_previews_list.length); 

     }, (response) => { 
      console.log("Error") 
     }); 

Jetzt bin ich füllen. data ist in var userContent = Vue.extend({ deklariert. Ich verwende App.$refs.userContent.rasters_previews_list zu set es ist Wert, weil ein Mann von SO sagte, dass es keinen anderen Weg gibt, Zugang zum Erbauer zu erhalten. Ich habe versucht, die Ausgabe von rasters_previews_list nach der Änderung mit watch zu tun, aber hier ist, was ich sehe. http://img.ctrlv.in/img/16/08/04/57a326e39c1a4.png Ich verstehe wirklich nicht, ob ich es richtig mache oder nicht. Wenn ja, warum sehe ich keine Daten und sehe nur diesen Mist?

data: function() { 
     return { 
     rasters_previews_list: [] 
     } 
} 

Aber, wie ich es mit v-for laufen kann?

<ul v-for="img in rasters_previews_list"> 
<li>{{img}}</li> 
<ul> 

Dieser Code ist eine Kugel anzeigen. Es sieht also so aus, als ob es eine object gibt.

Mein Objekt in Browser-Konsole wie folgt aussehen: Object {request: Object, data: Array[10], status: 200, statusText: "OK", ok: true}

Antwort

1

Ihr die vollständige Antwort, statt nur die Dateneinstellung, die Sie tatsächlich benötigen.

Vue.http.post('/dbdata', DataBody).then((response) => { 
    App.$refs.userContent.rasters_previews_list.$set(response.data); 
    console.log("App.$refs.userContent.rasters_previews_list: ", App.$refs.userContent.rasters_previews_list.length); 
}, (response) => { 
    console.log("Error") 
}); 

Wenn dies nicht das ist, wonach Sie suchen, schreiben Sie bitte ein vollständiges Beispiel.

Verwandte Themen