elementui上传图片删除

根据提供的引用内容，elementui上传图片删除的方法如下：

1. 在el-upload组件中添加属性show-file-list为true，表示显示文件列表。
2. 在el-upload组件中添加属性list-type为picture-card，表示以卡片形式展示上传的图片。
3. 在el-upload组件中添加属性on-remove，绑定一个方法，用于删除已上传的图片。
4. 在on-remove方法中，调用deleteFile方法，将要删除的图片的信息传递给后端，后端进行删除操作。
5. 在el-upload组件中添加属性:file-list，绑定一个数组，用于存储已上传的图片的信息。
6. 在on-success方法中，将上传成功的图片的信息添加到file-list数组中。

下面是elementui上传图片删除的代码示例：

<template>
  <el-upload
    class="upload-demo"
    action="http://localhost:8080/upload"
    :show-file-list="true"
    :list-type="'picture-card'"
    :on-remove="handleRemove"
    :file-list="fileList"
    :on-success="handleSuccess">
    <i class="el-icon-plus"></i>
  </el-upload>
</template>

<script>
import { deleteFile } from '@/api/upload';

export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleRemove(file, fileList) {
      deleteFile({ fileName: file.name }).then(() => {
        this.fileList = fileList.filter(item => item.name !== file.name);
      });
    },
    handleSuccess(response, file, fileList) {
      const { fileName, url } = response.data;
      this.fileList.push({ name: fileName, url });
    }
  }
};
</script>