vue项目 组件库element-ui 使用element-ui中上传组件 实现点击按钮手动上传二进制文件流 要求，支持多文件上传，最多支持10个文件 超出是个文件给出提示 删除文件时对应数组跟着删除

Vue项目是一个基于MVVM模式的JavaScript框架，用于构建用户界面，它能够帮助开发者快速构建单页应用（SPA）。Element UI是为Vue.js提供的一套桌面端组件库，它基于饿了么团队在实际业务中抽象出的通用组件，拥有丰富的UI组件，可以帮助开发者快速搭建高质量的web界面。

要在使用Element UI的Vue项目中实现点击按钮手动上传二进制文件流，你可以使用Element UI的`<el-upload>`组件。该组件提供了丰富的属性和事件，可以满足你的需求，包括多文件上传和文件数量限制。以下是一个简单的示例实现：

1. 首先，确保已经将Element UI安装并引入到你的项目中。
2. 在你的Vue组件中，使用`<el-upload>`并设置`action`属性（上传的服务器接口地址）。
3. 设置`multiple`属性以支持多文件上传。
4. 设置`limit`属性以限制最多上传文件的数量。
5. 监听`change`事件，该事件会在文件列表改变时触发，你可以在这个事件中处理文件数组的更新。
6. 监听`exceed`事件，该事件会在尝试上传的文件数量超出限制时触发，你可以在这里给用户提示。

以下是一个简单的代码示例：

<template>
  <div>
    <el-upload
      action="#"
      :limit="10"
      :on-exceed="handleExceed"
      :on-change="handleChange"
    >
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: [] // 文件列表
    };
  },
  methods: {
    handleExceed(files, fileList) {
      this.$message.warning(`最多只允许上传10个文件，当前已超出限制。`);
    },
    handleChange(file, fileList) {
      // 如果超出限制，移除超出的文件
      if (fileList.length > 10) {
        this.fileList = fileList.slice(0, 10);
      } else {
        // 否则更新文件列表
        this.fileList = fileList;
      }
    }
  }
};
</script>

在上面的代码中，我们使用了`el-upload`组件的`multiple`属性默认为`true`，所以它支持多文件上传。`limit`属性设置为`10`，表示最多可以上传10个文件。当用户试图上传超过10个文件时，`handleExceed`方法会被调用，向用户显示警告消息。`handleChange`方法会在文件列表发生变化时被调用，它检查文件数量并相应地更新`fileList`数据属性。