el-upload编辑的时候,如何实现图片回显?

用如下方法将图片url添加至fileList未成功,该如何实现?

   this.fileList.push({
     "url": imageUrl
   })
<el-upload
 ref="upload"
 class="uploadFiles"
 :action="uploadUrl"
 list-type="picture-card"
 :show-file-list="false"
 :data="uploadParams"
 :file-list="fileList"
 :on-preview="handlePictureCardPreview"
 :on-progress="uploadProcess"
 :on-success="handleSuccess"
 :before-upload="beforeAvatarUpload"
 :auto-upload="false"
 :on-change="change"
 :on-remove="handleRemove"
 :limit="1"
/>

<div v-if="fileList" style="position:relative">
        <div v-show="mask" style="max-width:500px" class="mask" @mouseleave="mask = false" />
        <div>
          <img style="width:100%" :src="imageUrl">
          <i v-show="mask" class="el-icon-delete deleteIcon" @click="clearList" />
        </div>

</div>
阅读 8k
1 个回答

已解决.

将返回的图片地址赋值给imageUrl即可.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题