[英]Display data with relationship in Laravel & Vue
我正在尝试在Vue组件中显示具有关联关系的数据(使用多对多)。
我将用户存储在其余API的对象中:
users: {},
//...
axios.get("api/user").then(({data}) => (this.users = data));
从api/user
返回的JSON示例:
{"current_page":1,"data":[{"id":2,"name":"Andrew","description":"Testing","role":[{"id":2,"role_title":"TestTitle","pivot":{"user_id":2,"role_id":2}}
显示数据时我可以做
<tr v-for="user in users.data" :key="user.id">
<td>{{user.name}}</td> // DOES work, displays 'Andrew'
但是,如果我尝试这样做:
<td>{{user.role.role_title}}</td> //does NOT work, should display 'TestTitle'
它什么也没显示,我在做什么错?
user.role
是一组角色。 要显示第一个角色(假设总是会有至少一个角色),您可以执行以下操作:
<td>{{ user.role[0].role_title }}</td>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.