el-upload超出limit的限制的钩子on-exceed怎末写

`el-upload` 是 Element UI 的一个上传组件，如果你想要在超过文件数量限制（`limit`）时触发自定义行为，你可以使用 `on-exceed` 钩子。这个钩子会在文件总数达到或超过指定的限制时被调用。

以下是如何设置 `on-exceed` 的示例：

<template>
  <el-upload
    :limit="limit"
    :action="uploadUrl"
    list-type="picture-card"
    on-exceed="handleExceed"
  >
    <el-button>点击选择图片</el-button>
    <div v-if="files.length">已选{{ files.length }}张图片,最多可选{{ limit }}</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      limit: 5, // 设置最大上传文件数，默认值为无限制
      uploadUrl: 'your-api-url', // 你的上传接口 URL
      files: [], // 存储上传文件的数组
    };
  },
  methods: {
    handleExceed(file, fileList) {
      // 当超过限制时，这里可以执行你的逻辑，比如提示用户、删除多余的文件等
      console.log('已经达到了文件数量限制');
      
      // 如果你想阻止默认的行为并只显示警告，可以使用下面这行代码：
      this.$refs.upload.clearFiles(); // 清除超过限制的文件

      // 或者，如果你想让用户可以选择保留哪些文件，你可以根据当前的fileList动态决定是否允许添加更多文件
      if (fileList.length <= this.limit) {
        alert('还可以上传 ' + (this.limit - fileList.length) + ' 张图片');
      } else {
        alert('您已经到达了最大上传数量，请移除一些文件。');
      }
    },
  },
};
</script>

在这个例子中，`handleExceed` 函数接收两个参数：`file` 和 `fileList`。`file` 是即将被上传的文件信息，`fileList` 是当前所有的文件列表。你可以根据这些信息进行处理，例如清空多余的文件，或者提示用户他们不能再上传新的文件。