el-upload解决无法二次上传问题

在使用 el-upload 组件时，如果遇到“无法二次上传”的问题，可能是因为上传控件在处理文件时保留了某些状态，导致同一个文件无法被重复上传。

解决方法：

1. 清除 el-upload 的内部状态。
2. 确保每次上传前文件的状态是初始化的。

以下是一个简单的示例代码，展示了如何在上传文件之前重置 el-upload 组件的状态：

<template>
  <el-upload
    ref="upload"
    :action="uploadUrl"
    :on-success="handleSuccess"
    :before-upload="handleBeforeUpload">
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>
 
<script>
export default {
  data() {
    return {
      uploadUrl: 'your-upload-url',
    };
  },
  methods: {
    handleBeforeUpload(file) {
      // 在这里可以添加自己的文件校验逻辑
      // 重置upload组件
      this.$refs.upload.clearFiles();
      // 返回true允许上传
      return true;
    },
    handleSuccess(response, file, fileList) {
      // 处理上传成功的响应
      console.log('Upload success:', response);
    }
  }
};
</script>

在这个示例中，handleBeforeUpload 方法中使用了 this.$refs.upload.clearFiles() 来清除上传组件的文件列表，这样可以解决二次上传的问题。当然，你也可以根据需要调用其他的方法来重置组件状态。