vue页面渲染完成,但console报错

使用 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 }}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值