我只是在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>