elementUi上传组件的删除指定图片的操作

最新推荐文章于 2023-07-11 15:34:00 发布

咿口薄荷糖

最新推荐文章于 2023-07-11 15:34:00 发布

阅读量3.8k

点赞数 4

分类专栏： elementUi 文章标签： elementui html javascript vue.js html5

本文链接：https://blog.youkuaiyun.com/weixin_43936040/article/details/109224586

版权

本文介绍如何在ElementUI的上传组件中实现删除指定图片的功能。由于官网文档未提供直接删除操作，作者通过从fileList中移除相应数据来解决，详细代码和使用注意事项在内容中阐述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

elementUi上传组件的删除指定图片的操作

官网没有一个删除操作的内容，全是console.log，不知道怎么删除，绑定的file-list，打印这个list都没啥东西。
这是官网的删除代码，什么都没操作
我的图片效果
我的图长这样

<el-upload
     ref='uploadImg'
     action="#"
     list-type="picture-card"
     :auto-upload="false"
     :file-list="fileList"
      :show-file-list='true'>
      <i slot="default" class="el-icon-plus"></i>
   <div slot="file" slot-scope="{file}">
      <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
      <span class="el-upload-list__item-actions"