I am dealing with an array of dates and an object structured like this:
[
{'2020-04-01': {name: 'john', sex: 'male'}, 'id': 222},
{'2020-04-02': {name: 'jane', sex: 'female'}, 'id': 111}
]
For some reason, I opted to use an HTML table instead of a Vue datatable. However, when trying to access the date key, nothing is displayed. The rendering code looks like this..
...
...
<tbody>
<tr v-for="item in body_data">
<template v-for="date in date_range">
<td>{{item.id}}</td> //works fine
<td>{{item.date.name}}</td> //displays nothing, and no error is shown
</template>
</tr>
</tbody>
Could it be because I cannot use a date as a key? Or did I make an incorrect call?
Apologies for any language errors