使用 v-for 循环显示一个数组对象的属性值,但无法获取1级对象嵌套下的2级对象属性值,
比如:{{ itemData.State.Name }}
这是因为页面渲染的时候,VUE里return出来的data数据里还只有1级对象,还没有2级对象的值。
解决的方法是给页面的最外层div加上一个 v-if="!isLoad" ,然后在data属性里设置初始值 isLoad: true,
最后在ajax获取数据之后改变 isLoad = false
如果没有办法写在ajax获取数据后,那么可以写在watch监听里,针对一个需要后台返回值的变量进行监听,然后写进去isLoad的新值
第二种方法是直接用关系运算符&&
例如:{{ itemData.State && itemData.State.Name }}