从PHP传过来的JSON数据结构

VUE接收到的数据如下，此时想要得到键名 “password” 和 “zhaoyichen” 以及 “liangzai” 用来做表格的列名。

网上找很多都没找到合适

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
[
{
password: "111",
zhaoyichen: "333",
liangzai: "22"
},
{
password: "55",
zhaoyichen: "66",
liangzai: "33"
},
{
password: "888",
zhaoyichen: "3443",
liangzai: "9088"
},
{
password: "999",
zhaoyichen: "this.ip",
liangzai: "8889"
},
{
password: "999",
zhaoyichen: "this.ip",
liangzai: "66677"
}
]

正常直接 console.log 出来的是里面的数组值

使用 Object.keys 将键值提取出来

假如改 JSON 数据名为 sites，则 使用 Object.keys(this.sites[0]) 即可读出所有键名

需单独某一个键名，则增加标号即可 Object.keys(this.sites[0])[0]

1
console.log(Object.keys(this.sites[0]));

也可以在HTML中显示

1
2
3
<h1> 
{{Object.keys(this.sites[0])[0]}}
<h1>

相关链接

  1. Vue 获取数组键名的方法