先来贴个图:

后端的数据结构是这样的,展开来就是
我的目的是获取这个imagesList数组,然后在HTML上面用v-for循环出每一张图片。
按照以前的步骤,
在data中定义一个接收数组:
然后请求成功之后直接赋值:

但是,最后发现这个imaList数组返回的事underfind ,后面发现加上索引才可以取到每一个imagesList里面的image_url,但是我要的是将这个数组都获取到怎么办呢?
网上主要有两种方法:
1、使用同步请求数据
2、使用JSON.parse(JSON.stringify(this.momentsList[i].imagesList))。
但是,还是不能解决我的问题,虽然方法2能够输出

但是,怎么用渲染到页面上呢?
考虑到我的页面设计是一个嵌套的数组,所以整个代码如下:
这样效果就出来了,所以这里想说的是,如果已经获取到整个的数组了,就直接在标签上使用“:src”绑定数据。
本文探讨了如何处理返回的包含多个 {...} 对象的数组,并在HTML中使用v-for循环显示每个图片的image_url。在Vue中,遇到返回的imagesList数组直接赋值无法渲染,需通过特定方式如使用JSON.parse(JSON.stringify())转换后再绑定到页面。最终解决方案是在HTML模板中直接使用`:src`绑定数据。
3505

被折叠的 条评论
为什么被折叠?



