我正在使用通过API连接的Laravel和Vue,一切正常。我要求通过 Vue 的方法获得报价:
getOffer(id) {
this.$http.get('http://127.0.0.1:8000/api/offers/'+id)
.then(response => response.json())
.then(result => this.offer = result)
}
},
我收到了这个:
{
"body": "xx"
"title": "yy"
}
然后将其放入offer变量中:
data() {
return {
offer: {
title:'',
body:''
}
}
},
我把它用在模板中
<div>
<h3 class="headline mb-0">{{offer.title}}</h3>
<div>
<br>
{{offer.body}}</div>
</div>
简单,一切正常
现在我决定使用Laravel资源。这是将数据包装到 json 响应中的"数据"对象中,所以我现在得到了这个:
{
"data": {
"body": "xx"
"title": "yy"
}
}
我的模板是空白的 - 谁能告诉我应该如何更改代码,以使用新的数据对象?以及我如何使用它,当它将包含更多对象时,例如:
{
"data": {
"body": "xx"
"title": "yy"
},
"data2":{
"body": "xx"
"title": "yy"
},
}
等。
getOffer 函数应该修改为使用 result.data
而不是原始result
:
getOffer(id) {
this.$http.get('http://127.0.0.1:8000/api/offers/'+id)
.then(response => response.json())
.then(result => this.offer = result.data)
}
},
现在它又工作了