javascript - Vue JS通过对象内的动态键访问对象

Question

我v-for在 Vue JS 2.x 中有一个循环遍历对象数组的循环，数组中的每个对象都有一个“键”，基本上就像一个名称，但它是动态的，并且不会保持一致。我正在尝试访问与该键关联的数据，以便我可以显示v-for循环中的信息，这是我的数据在我的数组中的样子......

[{
  "6457": {
    "agent": {
      "id": 4003,
      "memFree": 0
    }
  }
}, {
  "7809": {
    "agent": {
      "id": 7809,
      "memFree": 20
    }
  }
}]

我希望我可以使用 访问密钥[0]，但在这种情况下似乎没有返回任何内容。

<div v-for="(server, index) in servers" :key="index">
  <!-- gives me a single object by key -->
  {{ server }}

  <!-- doesn't work -->
  {{ server.memFree }}

  <!-- doesn't work -->
  {{ server[0].memFree }}
</div>

我在这里想念什么？

标签： javascriptvue.jsvuejs2

Answer 1

<div v-for="(server, index) in servers" :key="index">
  {{ Object.values(server)[0].agent.memFree }}
</div>