element-ui 多文件上传

在 Element-UI 中实现多文件上传可以使用 Upload 组件。下面是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="your-upload-url"
    :on-success="handleUploadSuccess"
    :limit="3"
    :multiple="true"
    :file-list="fileList"
    :auto-upload="false"
  >
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleUploadSuccess(response, file, fileList) {
      // 处理上传成功的回调
    }
  }
};
</script>

在上面的示例中，我们使用了 `el-upload` 组件来实现多文件上传功能。关键点是将 `:multiple` 属性设置为 true，这样用户就可以选择多个文件进行上传。`action` 属性指定了上传的地址，你需要将其替换为实际的上传接口 URL。`on-success` 属性指定了上传成功的回调函数，你可以在这里处理上传成功后的逻辑。

此外，你还可以通过配置其他属性来限制文件类型、大小等。在示例中，我们设置了 `:limit` 属性为 3，表示最多可以选择 3 个文件进行上传。`:auto-upload` 属性设置为 false，表示用户需要手动点击按钮触发上传。你可以根据实际需求进行调整。

希望这个示例能帮助到你。如果有任何问题，请随时向我提问。