api structure looks like this (i cropted the photo for it contains personal information)
API如下所示:[ 0: {"id" : "1234", "name" : "John Doe",...} 1: {"id" : "5678", "name" : "Jane Doe",...} 3: {"id" : "9101", "name" : "Hanna Doe",...} ]
Axios方法如下所示:var profile = axios.get("api link here");
this.profile = profile.data;
V-for循环如下所示:<ion-item v-for="item in profile" :key="item">
<ion-label>{{item[0]["name"]}}</ion-label>
</ion-item>
我正在使用VueJS v-for循环访问API,但我只想访问API中的特定数据。例如,John Doe的信息。
我已经试过了item[0]["name"]
item[0].name
我有**挂载()**也。
但是它在v-for语句中不起作用。它不显示任何内容。请帮助。
1条答案
按热度按时间6ojccjat1#
当使用
v-for
时(在本例中为v-for="item in profile"
),您要将该数组中每个元素的值赋给item的键,所以它意味着item等于
{"id" : "1234", "name" : "John Doe",...}
,你不必通过item[0]
来访问它,就像我之前提到的,item已经是一个对象了,所以为了访问所需的值,只需直接写对象属性item.name
等。