javascript VUEJS:如何显示以数字变量开头的API中的数据?

ars1skjm  于 2022-11-27  发布在  Java
关注(0)|答案(1)|浏览(181)

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语句中不起作用。它不显示任何内容。请帮助。

6ojccjat

6ojccjat1#

当使用v-for时(在本例中为v-for="item in profile"),您要将该数组中每个元素的值赋给item的键,
所以它意味着item等于{"id" : "1234", "name" : "John Doe",...},你不必通过item[0]来访问它,就像我之前提到的,item已经是一个对象了,所以为了访问所需的值,只需直接写对象属性
item.name等。

相关问题