关于返回数组{…}, {…}, {…}, __ob__: Observer的取值使用

本文探讨了如何处理返回的包含多个 {...} 对象的数组,并在HTML中使用v-for循环显示每个图片的image_url。在Vue中,遇到返回的imagesList数组直接赋值无法渲染,需通过特定方式如使用JSON.parse(JSON.stringify())转换后再绑定到页面。最终解决方案是在HTML模板中直接使用`:src`绑定数据。

先来贴个图:

后端的数据结构是这样的,展开来就是

 

我的目的是获取这个imagesList数组,然后在HTML上面用v-for循环出每一张图片。

按照以前的步骤,

在data中定义一个接收数组:

 然后请求成功之后直接赋值:

但是,最后发现这个imaList数组返回的事underfind ,后面发现加上索引才可以取到每一个imagesList里面的image_url,但是我要的是将这个数组都获取到怎么办呢?

网上主要有两种方法:

1、使用同步请求数据

2、使用JSON.parse(JSON.stringify(this.momentsList[i].imagesList))。

但是,还是不能解决我的问题,虽然方法2能够输出

但是,怎么用渲染到页面上呢?

考虑到我的页面设计是一个嵌套的数组,所以整个代码如下:

 这样效果就出来了,所以这里想说的是,如果已经获取到整个的数组了,就直接在标签上使用“:src”绑定数据。

 

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值