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

Question

api结构如下(我删掉了照片，因为它包含个人信息)

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>

我正在使用VueJSv-for循环通过api，但我只想从api访问特定的数据。例如，无名氏的信息。

我已经试过了：

item[0]["name"]

item[0].name

我还有一个挂载()。

但它在v-for语句中不起作用。它没有显示任何内容。请帮忙。

Answer 1

在这种情况下使用v-for时，v-for="item in profile"将该数组中每个元素的值分配给项的键，

因此，这意味着项目等于{"id" : "1234", "name" : "John Doe",...}，您不必通过item[0]访问它，正如我之前提到的，项目已经是一个对象，所以为了访问所需的值，只需直接写入对象属性

CCD_ 13等。