我有一个看起来像的对象:
{
"id": 1,
"name": "Customer",
"parks": {
"1": "Park a",
"23": "Park b",
"7": "Park c",
"83": "Park d"
},
"users": {
"11": "user@customer.com"
}
}
parks
和 users
左侧的值不是索引,而是公园的实际 id
。如何在 Javascript 中访问此值?
目前我使用 Vue.Js,所以我将这样的值绑定到一个组件:
<park-component v-for="park in customer.parks"
v-bind:prop="park"
v-bind:key="park.id">
</park-component>
然而,这仅绑定右侧的公园值,即名称“park a”。我还需要能够访问左侧。如果不能通过 Vue 中的 html,可以在脚本中完成吗?即如果我有:
"23": "park b"
我怎样才能得到 23
?
原文由 Green_qaue 发布,翻译遵循 CC BY-SA 4.0 许可协议
解决方案
您可以使用
v-for
指令遍历对象并获取密钥。例子
进一步阅读