vue.js - 在 vuejs3 中显示异步数据的属性

Question

如果我使用，我得到以下示例代码：

 <p>{{usr[0]}}</p>

工作，但如果我提到标题，我得到一个“未捕获的类型错误：无法读取未定义的属性“标题”：

 <p>{{usr[0].title}}</p>

ncaught TypeError：无法读取未定义的属性“标题”

示例代码

处理这种情况的正确方法是什么？谢谢

标签： vue.jsvue-componentvuejs3

Answer 1

Initially your array is empty and there's no property called title in the item at index 0 of your array, so you could add some conditional rendering like :

 <p>{{usr.length && usr[0].title}}</p>