如何从多级数组中检索变量-Vue.js



我只是在Vue.js中做一个练习项目,我将循环浏览NHL的团队页面,并输出每个球员的名字。

我这里有一个API端点;https://statsapi.web.nhl.com/api/v1/teams/21?expand=team.roster

我正试图穿越这些关卡,但却得到了";丢失";在名册上。我可以输出整个阵容,但似乎不能再往下钻了。

我将整个JSON响应的内容存储在一个名为"的变量中;hockeyData";。

这是我用来输出花名册的(这很有效(

{{ hockeyData[0].roster }}

现在,当我试图获得玩家的名字时,我正在这样做,但不起作用

{{ hockeyData[0].roster.roster[0].person.fullName }}

我确信这很简单,但尽管我可能会尝试,但我只是没有得到要输出的名称。

非常感谢您的帮助!

下面是一个基于数据的Codepen工作示例。

你还没有发布任何代码,所以我不能确定,但你的问题可能是时间问题。请确保在从模板请求时这些值可用。

在我的例子中,我有一个关于数据的v-if,它检查数据是否可用(例如,我只是检查花名册是否可用,我应该检查所有孩子,但这只是一个例子。(

<div v-if="roster && roster.length">
First: {{ roster[0].person.fullName }}
</div>

相关内容

  • 没有找到相关文章