vue使用elemenui upload 上传图片如何回显

Question

使用elemenui回显服务器返回的图片数据，后台应该返回什么样的数据结构，在前端页面可以显示

后台给的数据

拿到数据后进行处理，但是只能展示一条数据，有三张图片

push 发在循环里面后

Answer 1

给个url就可以显示了

Answer 2

file-list绑定的变量是个数组，数组里面有 每个成员都有url，url是完整的图片路径就可以

所有url都是最后一个的原因是因为对象的属性是引用类型，指向地址。每次都用一个新对象就可以避免问题了

res.data.photoAlbum.forEach(item => {
    this.backImg.push({
        url: `${publicSrc}/head/${item}`
    })
});

如果解决了你的问题，请采纳～

Answer 3

对象在循环内定义

for(var i in res.data.photoAlbum){
var objA = new Object();
objA.url = ${publicSrc}/head/${res.data.photoAlbum[i]};
this.backImg.push(objA)
}