element upload 多文件上传

Element UI 提供了一个 el-upload 组件用于文件上传，支持多文件上传。以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="//jsonplaceholder.typicode.com/posts/"
    :headers="{'Authorization': 'Bearer ' + token}"
    :multiple="true"
    :on-success="handleSuccess"
    :on-error="handleError"
    :before-upload="beforeUpload"
    :on-remove="handleRemove"
    :limit="3"
    :file-list="fileList">
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传不超过 3 个文件，且不超过 5MB</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
      token: 'your_token_here'
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      console.log(response);
    },
    handleError(err, file, fileList) {
      console.log(err);
    },
    beforeUpload(file) {
      const isLt5M = file.size / 1024 / 1024 < 5;
      if (!isLt5M) {
        this.$message.error('上传文件大小不能超过 5MB!');
        return false;
      }
      return true;
    },
    handleRemove(file, fileList) {
      console.log(file, fileList);
    }
  }
};
</script>

在 el-upload 组件中，设置 multiple 属性为 true，即可开启多文件上传功能。其他属性和事件的使用方法可以参考代码中的注释。