el-upload 清除fileList

要清除el-upload的fileList，您可以使用以下方法：

1. 使用ref属性获取el-upload组件的引用。例如，如果您给el-upload设置了ref属性为"uploadRef"，那么可以通过this.$refs.uploadRef来获取引用。

2. 调用reset方法来重置fileList。例如，使用this.$refs.uploadRef.clearFiles()来清除fileList。

这样就可以清除el-upload的fileList了。请注意，这只会清除前端的fileList，而不会实际删除服务器上的文件。如果您也想在后端删除文件，请在上传成功后执行相应的后端操作。

相关问题

el-upload上传清除当前列表文件

要清除当前列表文件，你可以使用 `clearFiles()` 方法。例如：

<el-upload
  ref="upload"
  :action="yourUploadUrl"
  :on-success="handleSuccess"
>
  <el-button slot="trigger">Choose file</el-button>
</el-upload>

<el-button type="danger" @click="clearFiles">Clear files</el-button>

methods: {
  clearFiles() {
    this.$refs.upload.clearFiles();
  },
  handleSuccess(response, file, fileList) {
    // 处理上传成功的回调
  }
}

在上面的代码中，我们在 `el-upload` 组件中添加了一个按钮，当用户点击这个按钮时，会调用 `clearFiles()` 方法来清除已经上传的文件列表。同时，我们也定义了一个 `handleSuccess()` 方法来处理上传成功的文件。

el-form表单重置后 为啥el-upload 图片还有呢

当你使用 Vue 的 `el-form` 和 `el-upload` 组合时，如果表单重置后 `el-upload` 中的图片仍然存在，这可能是由于以下几种情况：

1. **默认值**: `el-upload` 允许设置默认值，如果设置了某个文件作为默认值，即使表单重置，这个默认值也会保留。检查一下是否设置了默认文件。

2. **缓存机制**: 可能是浏览器的缓存导致的。某些浏览器会保存已上传的图片资源，刷新页面或表单重置后不会清除。尝试清理浏览器缓存再查看。

3. **数据持久化**: 如果表单的数据被持久化存储（如 localStorage 或 vuex），那么即使表单重置，之前的上传信息也可能会恢复。检查是否有将上传信息持久化的逻辑。

4. **事件监听**: 在表单提交或重置之外的地方，可能有监听上传变化的事件，并未在表单重置时清理。确保在重置时能够正确地清除所有上传数据。

5. **组件状态管理**: 如果使用了状态管理库（如 Vuex），检查上传状态是否在表单重置时也被清除。

要解决这个问题，你需要确保在表单重置时正确地清除上传组件的状态，通常在 `clearForm()` 或类似方法中进行。比如：

this.$refs.upload.clearFiles(); // 清理文件
this.fileList = []; // 或者清空数组