后台返回的数组,从每个数组中获取某一类数据

做上传图片的组件,需要上传之后接受从后台返回来的地址,再重新渲染到页面,从后台返回来的数据是这样的:

img


想问一下有没有什么办法能单独把url提取出来赋值给图片列表

img

可以的呀,假设从后台返回的对象是data,他是个数组,那么轮询那每个数组中这个对象的url属性既可。

let result = []; //取出来的url存放数组
data.forEach(v=>{
result.push(v.url);
});

这不就是个对象吗?对象获取属性啊

可以这样做
第一,你取到后台数据之后,去遍历这个数组,然后单独将url取出来放到一个新数组
第二,在列表里面用v-for这个新数组,将url赋值给img里面的src就可以了

<view wx:for="{{list}}" wx:key="index">
    <image src="{{item.url}}"></image>
</view>

list就是返回的那个数组

已经做出来啦,谢谢大家!

img

img