el-uplaod多文件上传

el-upload 组件可以实现多文件上传。你需要设置 `:multiple="true"` 属性，以允许用户选择多个文件。同时，使用 `:auto-upload="false"` 属性可以禁止自动上传，而是需要手动触发上传事件。

以下是一个示例代码：

<template>
  <div>
    <el-upload
      action="your upload url"
      :multiple="true"
      :auto-upload="false"
      :on-change="handleChange"
    >
      <el-button slot="trigger">选择文件</el-button>
      <el-button style="margin-left: 10px;" type="primary" @click="handleUpload">上传文件</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    handleChange(file, fileList) {
      console.log(file, fileList);
    },
    handleUpload() {
      const formData = new FormData();
      // 将文件加入 formData
      this.$refs.upload.uploadFiles(formData);
    }
  }
}
</script>

在 `handleUpload` 方法中，我们创建了一个 `FormData` 对象，并将选择的文件加入到 formData 中。然后，通过 `this.$refs.upload.uploadFiles(formData)` 方法手动触发上传事件。在 `handleChange` 方法中，我们可以监听文件的选择和上传状态变化，并进行相应的处理。