el-upload超出limit的限制的钩子on-exceed使新文件覆盖上一个文件

`el-upload` 是 Element UI 中的一个组件，用于处理文件上传功能。当文件数量超过指定限制（即 `limit`）时，它提供了一个钩子 `on-exceed` 来处理这种情况。

当你设置 `on-exceed` 属性时，它会在文件数量达到或超过限制时被调用。这个钩子接收两个参数：`fileList` 和 `file`，分别代表当前所有的文件列表和即将要上传的新文件。

默认的行为是阻止上传新的文件并显示一个提示信息，告诉用户已经达到了上传上限。但是你可以根据需求自定义行为，例如可以选择删除最早的一份文件或者使用其他策略替换旧文件。这可以通过修改 `on-exceed` 函数内部的操作来实现。

以下是一个简单的示例，展示了如何覆盖一个旧文件：

<template>
  <el-upload
    :action="uploadUrl"
    :limit="1" // 设置单次最大上传量为 1
    :on-exceed="handleExceed"
    list-type="picture-card"
  >
    <el-button slot="trigger">选择图片</el-button>
    <el-button type="primary" slot="submit">上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleExceed(file, fileList) {
      if (fileList.length >= this.limit) {
        // 删除第一个（最旧）的文件
        fileList.shift();
      }
    },
  },
};
</script>

在这个例子中，`handleExceed` 函数首先检查文件是否超过了限制。如果是，它会使用 `shift()` 方法从 `fileList` 中移除第一个元素，从而替换掉最早的文件。