Vue.js 带动态键的v-for

Vuejs 2非常新。对如何枚举具有动态键的动态数据集有疑问吗？以该数据为例，该数据来自第三方-因此无法更改数据-并因可读性而缩短：

{
  "143": {
    "account_id": 1,
    "name": "Account 1",
    "groups": [
      {
        "1610": {
          "name": "Group 1610",
          "meetings": [
            {
              "20170816": [
                {
                  "id": 10755,
                  "name": "Untitled"
                }
              ]
            }
          ]
        }
      }
    ]
  }
}

然后，我有一个.vue文件，其中有一个模板可以执行以下操作：

<div v-for="(account, accountKey) in accounts">
    <div>{{ account.name }} ({{ accountKey }})</div>
    <div v-for="(group, groupKey) in groups">
        <div>{{ group.name }} ({{ groupKey }})</div>
        <div v-for="(meeting, meetingKey) in meetings">
            <div>{{ meeting.name }} ({{ meetingKey }})</div>
        </div>
    </div>
</div>

这不会渲染任何内容。这里有几件事我需要做，但不确定如何在Vuejs中完成

需要能够提取密钥，因为它是每个记录的标识符。 当然，我们需要能够访问记录中的个人数据。 有没有人遇到过类似的东西，可以帮助解决这个问题

---

谢谢

这可能是我见过的最糟糕的数据结构之一

这是一个模板，我想你想要的

<div v-for="(account, accountKey) in accounts">
  <div>{{ account.name }} ({{ accountKey }})</div>
  <div v-for="group in account.groups">
    <div v-for="grp, grpKey in group">
      <div>{{ grp.name }} ({{ grpKey }})</div>
      <div v-for="(meeting, meetingKey) in grp.meetings">
        <div v-for="mtg, mtgKey in meeting">
          <div v-for="m in mtg">{{ m.name }} ({{ mtgKey }})</div>
        </div>
      </div>
    </div>
  </div>
</div>

{{account.name}{{accountKey} {{grp.name}{{grpKey}} {{m.name}{{mtgKey}