关于el-upload在表单中,图片上传后后端返回url地址,将其绑定到表单,上传回显还好,点击编辑的时候,回调用接口,后端回返回一个url地址给我,我也拿到了,也给了表单对应字段,但是就是回显不了图

上网找了很多方法,但都达不到我的效果,所以最后用来很简单的一种方法,直接把拿到的数据push到el-upload的:file-list="fileList"数据列表数组,如果说你的需求是只要展示一张图片,那么每次提交或者取消编辑的时候去给fileList置空即可

详细步骤如下

1、在修改功能的时候调接口拿到后端返回的其中url字段,并push到fileList(这里是我自定义的名字)

 

 2、如果说要展示多张回显图片的时候,就不用清空了,但要做判断!防止一张图片多次显示,如下图点击了三次修改功能,取消时没有清空,看个人需求

 

3、清空:

this.fileList = [] 等于空数组即可

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值