element ui的Upload 的多张上传图片功能如何在关闭弹窗的时候清空图片

如果使用 element ui 的 Upload 组件进行多张图片上传，那么在关闭弹窗的时候需要对已选的图片列表进行清空。可以在关闭弹窗的事件处理函数中，调用 Upload 组件的 clearFiles 方法，示例代码如下：

<template>
  <el-dialog :visible.sync="dialogVisible" @before-close="handleBeforeClose">
    <el-upload
      ref="upload"
      action="/upload"
      :file-list="fileList"
      :on-change="handleChange"
      :on-success="handleSuccess"
      :multiple="true"
    >
      <el-button slot="trigger">选择文件</el-button>
      <el-button slot="tip" type="primary">或者拖拽文件到此处上传</el-button>
    </el-upload>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      fileList: []
    };
  },
  methods: {
    handleBeforeClose(done) {
      this.$refs.upload.clearFiles();
      done();
    },
    handleChange(file, fileList) {
      console.log(file, fileList);
      this.fileList = fileList;
    },
    handleSuccess(response, file, fileList) {
      console.log(response, file, fileList);
      this.fileList = fileList;
    }
  }
};
</script>

在代码中，我们通过将 Upload 组件的 multiple 属性设置为 true，启用了多张图片上传的功能。在关闭弹窗的事件处理函数 handleBeforeClose 中，我们调用了 Upload 组件的 clearFiles 方法，清空已选图片列表。这样，在下一次打开弹窗并选择图片时，就不会出现之前已选的图片。