vuejs表达式无法正常工作

Question

我的表情有什么问题？我正在进行休息api通话，这很好。数据加载并写入控制台。我只是想在屏幕上获取这些数据。我可以，但它不正确。它显示所有数据。我只是想获得数组中的第一项。 items.Name不起作用，但如果我在项目中执行v-for =“item”则会起作用。无论它加载一切。当我添加[0]来获取第一个元素时，它只删除除了数组中对象的第一个字母之外的所有文本。我需要做什么？

<p>{{items.Name}}</p>

Answer 1

请阅读有关列表渲染的文档 https://vuejs.org/v2/guide/list.html

如果您有items个对象数组，那么您可以使用v-for在HTML中循环它，或者通过在表达式中指定索引来直接访问每个条目：{{1} }

{{ items[0].Name }}

请注意，您在<ul> <li v-for="item in items" :key="item.ID">{{ item.name }}</li> </ul> 标记内使用了item，而不是items，因为您已指示<li>将光标指定给该变量。