javascript - 如何在 Vue.js 中循环打印 JSON 数据
问题描述
我有这个 JSON 数据
{
"districtData": {
"East Delhi": {
"lastupdatedtime": ""
},
"South West Delhi": {
"lastupdatedtime": ""
},
"West Delhi": {
"lastupdatedtime": ""
},
"Delhi": {
"lastupdatedtime": ""
},
"South Delhi": {
"lastupdatedtime": ""
},
"North East Delhi": {
"lastupdatedtime": ""
},
"North Delhi": {
"lastupdatedtime": ""
},
"North West Delhi": {
"lastupdatedtime": ""
},
"Unknown": {
"lastupdatedtime": ""
}
}
}
我想循环打印它并想像这样显示
East Delhi lastupdatedtime
North west lastupdatedtime
等等
<tr v-for="data in jsonData" :key="data.id">
<td>{{ data}}</td>
</tr>
我试过了,但我只得到lastupdatedtime
. 任何人都可以帮忙吗?提前致谢。
解决方案
你也可以使用
<tr v-for="(data,index) in jsonData" :key="index">
<td>{{ data.districtData}}</td>
</tr>
推荐阅读
- vuejs2 - Vuelidate 日期输入字段
- git - Git 算法规范
- c# - C# 程序存储多个学生记录,包括姓名、1-5 年级和平均成绩
- python-3.x - 如何从 Python 运行 Java
- ios - 滚动视图内的表格视图:在滚动时展开表格视图并在其上方隐藏视图
- hyperledger-fabric - 指定的查询不存在
- python - python 版本管理:总是在控制台中生成 python 2.7
- c# - 如何在 ASP.NET Core 2.1 中使用角色?
- javascript - 带有 WeakMap 或 WeakSet 的 Javascript Flyweight
- python - Django Restframework _ 自定义身份验证