Hello !
I’ve this code working fine
<template>
<div>
<p>{{this.msg.payload}}</p>
<li v-for="item in this.msg.payload">
{{ item.number }} -
{{ item.start_time }} -
{{ item.gap }}
</li>
</div>
</template>
and this one is not working with v-table vuetify component
<template>
<p>{{this.msg.payload}}</p>
<v-table>
<thead>
<tr>
<th class="text-left">#</th>
<th class="text-left">Start time</th>
<th class="text-left">Gap</th>
</tr>
</thead>
<tbody>
<tr v-for="item in this.msg.payload" :key="item.number">
<td>{{ item.number }}</td>
<td>{{ item.start_time }}</td>
<td>{{ item.gap }}</td>
</tr>
</tbody>
</v-table>
</template>
it return me this error
errorCaptured TypeError: item is undefined
my json data is
[ { "id": 10, "number": 1, "id_race": 1, "start_time": "2023-12-27T12:00:00.000Z", "gap": 30 }, { "id": 8, "number": 2, "id_race": 1, "start_time": "2023-12-27T12:30:00.000Z", "gap": 20 }, { "id": 9, "number": 3, "id_race": 1, "start_time": "2023-12-27T12:50:00.000Z", "gap": 10 }, { "id": 12, "number": 4, "id_race": 1, "start_time": "2023-12-27T13:05:00.000Z", "gap": 10 }, { "id": 11, "number": 5, "id_race": 1, "start_time": "2023-12-27T13:20:00.000Z", "gap": 5 } ]
Do you have any ideas ??
Thanks !