el-upload 上传限制文件总数量

`el-upload` 是 Element UI 提供的一个用于文件上传的组件，在 Vue.js 中非常常用。它允许用户对上传文件的数量进行限制，你可以通过设置 `limit` 或 `on-change` 事件来控制这个功能。

例如，在 `el-upload` 的配置项里，可以添加 `limit` 属性：

<el-upload
  :limit="maxFiles" // 设置最大上传文件数
  ...其他配置...
>
  <!-- 文件选择按钮 -->
</el-upload>

然后在你的Vue实例中初始化这个值，比如 `data` 对象中定义 `maxFiles`:

data() {
  return {
    maxFiles: 5, // 可以根据需求设定最大文件数，这里是5个
  };
},

当用户尝试上传超过限制数量的文件时，`limit` 会被触发，并阻止多余的文件上传。如果你需要更精细的控制，可以在 `on-change` 事件回调中处理：

methods: {
  handleUploadChange(files) {
    if (files.length > this.maxFiles) {
      this.$message.error('最多只能上传 ' + this.maxFiles + ' 个文件');
    }
  },
},