VUE | Javascript：如何以日期格式访问密钥？

我有一个日期数组，我还有一个如下的对象：

[
{'2020-04-01': {name: 'john', sex: 'male'}, 'id': 222},
{'2020-04-02': {name: 'jane', sex: 'female'}, 'id': 111}
]

现在出于某种原因，我使用了html表而不是vue datatable，当我访问日期键时，什么都没有显示。渲染过程如下所示。

...
...
<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> //shows nothing, also no error
        </template>
    </tr>
</tbody>

。。。
...
{{item.id}}//工作正常
{{item.date.name}//不显示任何内容，也不显示任何错误

是因为我不能把日期作为关键吗？还是我只是叫错了

抱歉英语不好

应该是：

<td>{{item[date].name}}</td>

{{item[date].name}

您需要将日期转换为字符串，然后以

item[date]的形式访问项目。name