如何在Vue.js中连接两个变量

时间:2017-09-27 14:43:38

标签: javascript php laravel vue.js

我正在使用laravel + vue构建项目。目前我将数据从控制器返回到视图 - users和user_datas。我如何连接这两个变量然后在v-for中一起显示?

使用laravel中的关系连接两个表。

1 个答案:

答案 0 :(得分:1)

您可以使用laravel关系,并以单个变量获取数据。 然后就不需要合并两个变量了。 你可以在你的用户模型中这样做:

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

其中UserData将成为您的第二个模型,您将创建关系。

在控制器中你会写下这个:

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

然后在你的vue文件中

<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>