element ui背景图_vue项目elementUi照片墙图片预览

背景：后端返回的数据是个图片的url的数组，但是这个url是无法直接作为图片预览的,需要每次去调接口获取真正的url

一、template页面

id="selectfiles"

:file-list="filesList"

list-type="picture-card"

action="https://jsonplaceholder.typicode.com/posts/"

:on-preview="handlePictureCardPreview"

:on-remove="handleRemove"

:http-request="(file)=>myUploadPic( file,'fileUrl')"

:before-upload="beforeUpload"

multiple

>

二、js代码

getFiles() {

if (this.directProductForm.id) {

this.$http({

url: '/rental/rentalProjectTemplateFile/data',

method: 'post',

params: { 'rentalProjectTemplateId': this.directProductForm.id