Vue.jsで2つの変数を接続する方法

私はlaravel + vueを使ってプロジェクトをビルドしています。現在、私はコントローラからビューにユーザーとuser_datasデータを返します。その2つの変数をどのように接続し、それをv-forで一緒に表示できますか？Vue.jsで2つの変数を接続する方法

この2つのテーブルは、laravelの関係を使用して接続されています。

出典

2017-09-27 browinski

あなたのコードを表示してください：あなたはこのリク書き込むコントローラで

。 – thanksd

何も表示されていません。私は何をすべきかを知る必要があります。たとえば、可能ならばjson_encodeを使用して接続します。 – browinski

Vueのデータを参照する方法とこれまでに試したことを明確に示すことができます。次に、期待どおりに動作していないものについての説明を追加した後、単純にlaravelから「2つの変数を接続する」方法を尋ねるだけでなく、Vueに「一緒に表示する」という質問よりも、潜在的な回答者に多くのコンテキストが提供されます。かなり広い質問）。 – thanksd

laravelリレーションを使用して、単一の変数でデータを取得できます。 2つの変数をマージする必要はありません。 UserDataのは、あなたが関係を作成しますwhomeとあなたの2番目のモデルとなります

public function user_data() { 
    return $this->hasMany('App\UserData'); 
}

：あなたは、このようなあなたのUserモデルで行うことができます。あなたVUEファイル内

$users = User::with('user_datas')->get(); 
return response()->json(['data'=>$users]);

その後、

<div v-for="user in users"> 
    <h1>{{user.first_name}}</h1> 
    <ul> 
     <li v-for="user_data in user.user_datas">{{user_data.title}}</li> 
    </ul> 
</div>

出典

2017-09-27 14:48:32

Vue.jsで2つの変数を接続する方法

答えて

関連する問題