vue.js - laravel の結合クエリによって返されたデータは vuejs を使用して表示されます。元のデータ テーブルは表示できますが、関連付けられたテーブル データは表示できません。

Question

ユーザー、記事、画像の 3 つのデータ テーブルが含まれます
ユーザーと記事、1 対多、つまり 1 人のユーザーが複数の記事を持つことができます
記事と画像、1 対 1、つまり 1 つの記事に 1 つの画像があります, (画像は記事テーブルの列として使用できますが、ここではまだ行いません)

Controller: 現在ログインしているユーザーの記事とその記事に対応する写真を問い合わせて返し、vuejsを使ってフロントで受け取ります。

リーリー

javascript:

リーリー

html:

リーリー

質問は 2 つあります。コードは js 部分にあります。
1. $.getJSON を使用して ajax リクエストを送信し、HTML のタイトル フィールドを正常に表示できます。関連テーブルの画像フィールドが表示できません。表示するにはどう書けばよいでしょうか？

2. vue-resource コードを使用して ajax リクエストを送信すると、配列が返され、配列内の要素はオブジェクトになります。このとき、title フィールドは表示されません。当然、image フィールドも表示されません。 . 表示するにはどのように書けばよいのでしょうか？

Answer 1

1. アイテム.画像.画像

2. 代わりにresponse.data或者response.json

を使用してください

Answer 2

応答データ