vue2循环数组对象,没有的属性会报错,怎么办

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2循环数组对象,没有的属性会报错,怎么办相关的知识,希望对你有一定的参考价值。

vue的工作机制是对数据进行操作,这些渲染工作要在做mock的时候就做好,上了vue就是注重数据和逻辑了哦。 不管咱们是在进行v-for还是v-class,都是不对样式重新渲染的。 参考技术A vue的工作机制是对数据进行操作,这些渲染工作要在做mock的时候就做好,上了vue就是注重数据和逻辑了哦。
不管咱们是在进行v-for还是v-class,都是不对样式重新渲染的。

vue-resource获取数据绑定src属性报错【已解决】

参考技术A 调用的是豆瓣v2电影接口,做的是电影详情页。
点击某个电影进入详情页发起请求。
html(页面图片都正常显示出来了,但是控制台会报错,逼死强迫症)

js部分

但是如果js部分这样写,控制台就不会报错

最后解决问题的原因是:

初始化定义的movieDetail是一个空对象。
而ajax请求是异步的,页面在渲染的时候,数据还没请求好,这个时候movieDetail还是一个空对象, movieDetail.images就是一个undefined,然后 movieDetail.images.medium就相当于 undefined.medium就会报错。
后面ajax请求成功之后,movieDetail有值了,vue检测数据变化就会更新视图,也就能看见图了。
后来单独把movieSrc定义成一个空对象,在数据没请求成功之前,空对象是不会报错的。

以上是关于vue2循环数组对象,没有的属性会报错,怎么办的主要内容,如果未能解决你的问题,请参考以下文章

vue2如何实现点击按钮,出现一个原对象中没有的属性

TS 对象动态key 类型报错问题

假如数组接收到一个null,那么应该怎么循环输出。百度结果,都需要提前判断。否则出现空指针异常。。我还是想在数组中实现保存和输出null。

js 循环之间的区别

简单聊一聊JS中的循环引用及问题

JS中for...in 语句用于对数组或者对象的属性进行循环操作吗?