使用elemenui回显服务器返回的图片数据,后台应该返回什么样的数据结构,在前端页面可以显示
后台给的数据
拿到数据后进行处理,但是只能展示一条数据,有三张图片
push 发在循环里面后
###给个url就可以显示了
###file-list
绑定的变量是个数组,数组里面有 每个成员都有url,url是完整的图片路径就可以
所有url都是最后一个的原因是因为对象的属性是引用类型,指向地址。每次都用一个新对象就可以避免问题了
res.data.photoAlbum.forEach(item => {
this.backImg.push({
url: `${publicSrc}/head/${item}`
})
});
如果解决了你的问题,请采纳~
###对象在循环内定义
for(var i in res.data.photoAlbum){
var objA = new Object();
objA.url = ${publicSrc}/head/${res.data.photoAlbum[i]};
this.backImg.push(objA)
}