検索

ホームページ  >  に質問  >  本文

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

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

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

リーリー

javascript:

リーリー

html:

リーリー

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

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

仅有的幸福仅有的幸福2774日前671

全員に返信(2)返信します

  • PHP中文网

    PHP中文网2017-05-16 16:53:15

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

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

    3. を使用してください

    返事
    0
  • 高洛峰

    高洛峰2017-05-16 16:53:15

    応答データ

    返事
    0
  • キャンセル返事