3 回答
TA貢獻1854條經驗 獲得超8個贊
player.Person是一個對象,并且v-for在對象上迭代對象的屬性并返回其值。在這種情況下,它將是1and John。所以你試圖得到1.idand John.id。
如果你只有一個人,你可以這樣做:
div v-bind:key="player.Person.id">
{{player.Person.name}}
</div>
TA貢獻1874條經驗 獲得超12個贊
您的數據格式不正確,請使用您帖子中的 html 代碼嘗試此操作
reservationNameByTime: [{
id: 1,
Players: [{
id: 1,
Person: [{
id: 1,
name: 'John'
},
{
id: 2,
name: 'Marc'
}]
}]
}]
但是這個(下)更好,對于每個預訂,你有一個 id 和一個玩家列表,玩家有 id 和 name
reservation: [{
id: 1,
players: [{
id: 21,
name: 'John'
},
{
id: 55,
name: 'Marc'
}]
},
{
id: 2,
players: [{
id: 34,
name: 'Adrien'
},
{
id: 12,
name: 'Marion'
}]
}]
HTML/VUE
<div v-for="reservation in reservations" v-bind:key="reservation.id">
{{reservation.id}}
<div v-for="player in reservation.players" v-bind:key="player.id">
{{player}}
</div>
</div>
TA貢獻1816條經驗 獲得超6個贊
<div v-for="(reservation, i) in reservationNameByTime" v-bind:key="i">
{{reservation.id}} /** displays 1 **/
<div v-for="(player, j) in reservation.Players" v-bind:key="j">
{{player.id}} /**displays 1 **/
<div v-for="(persons, k) in player.Person" v-bind:key="k">
{{persons.name}}
</div>
</div>
</div>
添加回答
舉報
