javascript - 如何使用 v-for 索引循环显示嵌套的 json 数组
问题描述
我有具有以下结构的 JSON 数组
items: [
{
ID: 11,
UserID: "test.com",
UserRole: "user",
timeStamp: "2021-03-23T15:54:02.125578",
dialogs: [
{
"Bot": "Why is data missing?",
"test.com": "not available",
"Bot": "please enter ID",
"test.com": "1234"
}
]
}
]
我必须将对话框内的元素显示为列表。我正在使用 v-for 但对话框显示为带逗号的数组。我怎样才能用索引显示这个?以下是我正在使用的 v-for 循环
<ul v-for="item in items" :key="item">
<li v-for="(dialog, index) in dialogs" :key="index">{{key}}: {{dialogs}}</li>
</ul>
解决方案
<ul v-for="item in items" :key="item">
<li v-for="(dialog, index) in item.dialogs" :key="index">{{index}}: {{dialog}}</li>
</ul>
推荐阅读
- scala - 如何避免在Scala中绑定类型的重复
- azure - 如何从 Azure DevOps Pipeline 创建 Azure 服务队列?
- python - Django:处理后 JSON 请求
- key - Debian 安装:密钥交换和与接入点的关联失败
- javascript - TypeError:Text.isText 不是函数
- django - 姜戈。如何实现逻辑以在 django 模型中启动删除时间计数器或倒计时以自动删除对象?
- javascript - JavaScript - 使用三元语句中的扩展语法向对象添加属性
- mongodb - MongDB:查询以从嵌套文档中提取动态键、值对
- ruby-on-rails - 验证中错误格式的自定义消息
- typescript - 如何使用名为“keyof”类型的属性创建对象文字