vue 数组中嵌套数组_在vue中嵌套数组循环?

在Vue中处理包含嵌套数组的JSON对象时,可以使用`v-for`循环来迭代。对于给定的JSON,需要分别遍历'system_events'中的ID/Numbers及其内部的所有项目。可以通过两次`v-for`实现,外层循环遍历ID/Numbers,内层循环遍历每个ID下的子项。例如,可以这样展示列表:先列出ID,然后列出每个ID下所有的事件详情。
摘要由CSDN通过智能技术生成

我将如何使用v-for循环下面的JSON对象?我想循环所有ID / Numbers,以及每个数字中的所有项目,并将它们全部显示在列表中......我知道我可以使用_1210023轻松循环所有system_events但是如何循环所有不同的ID / Numbers,以及所有里面的物品?

我的JSON看起来像:

{

"system_events": {

"1013": [{

"id": 25899,

"timestamp": "2017-08-15T21:26:42Z",

"type": "alarm",

"code": 190,

"title": "",

"description": "",

"appeared": "2017-08-15T21:26:40Z",

"disappeared": null,

"acknowlegded": null,

"solved": null,

"system_name": "Randers pr 44b sidste station"

}, {

"id": 26157,

"timestamp": "2017-08-15T21:32:17Z",

"type": "alarm",

"code": 190,

"title": "",

"description": "",

"appeared": "2017-08-15T21:32:06Z",

"disappeared": null,

"acknowlegded": null,

"solved": null,

"system_name": "Randers pr 44b sidste station"

}

],

"1015": [{

"id": 23777,

"timestamp": "2017-08-15T20:38:08Z",

"type": "alarm",

"code": 191,

"title": "",

"description": "",

"appeared": "2017-08-15T20:38:00Z",

"disappeared": null,

"acknowlegded": null,

"solved": null,

"system_name": "Favrskov Svenstrup gyvelvej"

}, {

"id": 23779,

"timestamp": "2017-08-15T20:38:08Z",

"type": "alarm",

"code": 190,

"title": "",

"description": "",

"appeared": "2017-08-15T20:37:58Z",

"disappeared": null,

"acknowlegded": null,

"solved": null,

"system_name": "Favrskov Svenstrup gyvelvej"

}

]

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值