vue2 el-upload手动上传附件删除文件

您可以使用`beforeRemove`方法来手动删除上传的附件。这个方法会在文件被删除之前执行，因此您可以在这个方法中发送一个请求来删除服务器上的文件。

以下是一个示例：

<template>
  <el-upload
    class="upload-demo"
    ref="upload"
    action="/upload"
    :on-success="handleSuccess"
    :before-remove="handleRemove"
  >
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(response, file, fileList) {
      console.log('上传成功')
    },
    handleRemove(file, fileList) {
      // 发送请求删除服务器上的文件
      axios.delete(`/delete/${file.name}`).then(response => {
        console.log('删除成功')
      })

      // 返回 false 阻止组件删除文件
      return false
    }
  }
}
</script>

在`handleRemove`方法中，您可以发送一个删除文件的请求，然后返回`false`来阻止组件删除文件。这样，您就可以手动删除上传的附件了。