1
コックピットCMS JSONフィールドをVue jsで表示しようとしています。ただし、次のコードでは、ページに表示されるデータは表示されず、エラーもありません。コックピットのCMS JSONデータをVue jsで表示する方法
JS：
new Vue({
el: '#story-wrapper',
data() {
return {
stories: []
}
},
methods: {
loadLogs() {
this.$http.get('//localhost/cockpit-master/api/collections/get/test?token=31e1edc3b2b4fcaf5a11173b2b8b88')
.then(function (data) {
this.data = data.body.entries;
console.log(this.data);
})
}
},
mounted() {
this.$nextTick(function() {
this.loadLogs();
})
}
})
**私は、データを使用しない場合。 本体 .entriesそれに続くconsole.log（this.data）に 'undefined'というエラーが表示されます。
HTML：
<div class="container">
<ul id="story-wrapper">
<li v-for="story in stories">
{{story.name}}
</li>
</ul>
</div>
JSON Googleの開発ツールから：
{
"fields":{
"name":{
"name":"name",
"type":"text",
"localize":false,
"options":[
]
}
},
"entries":[
{
"name":"Andrew Jordan",
"_by":"59b9d22816fd8doc390436813",
"_modified":1506177858,
"_created":1506177858,
"_id":"59c673426a79ddoc598510688"
},
{
"name":"Bill Gates",
"_by":"59b9d22816fd8doc390436813",
"_modified":1507771677,
"_created":1507771677,
"_id":"59dec51da6d7adoc607750570"
}
],
"total":2
}
あなたが何か提案がある場合は私に知らせます。また、問題を見つけた場合してください。
ありがとうございました！