el-upload大小超出限制

当你使用Element UI的`el-upload`组件上传文件时，如果遇到大小超过设置的限制，组件会默认阻止上传并显示一个提示信息。`el-upload`提供了一个`limit`属性用于设置单个文件的最大上传大小，以及`on-exceed`事件，该事件会在文件大小超过限制时触发。

如果你想要自定义错误处理或显示更详细的提示，你可以这样做：

<template>
  <el-upload
    :action="uploadUrl"
    :limit="fileSizeLimit"
    :on-exceed="handleExceed"
    :before-upload="beforeUpload"
  >
    <!-- ...其他配置... -->
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileSizeLimit: 10 * 1024 * 1024, // 10MB
    };
  },
  methods: {
    handleExceed(file) {
      this.$message.error(`文件超过了限制（${this.fileSizeLimit / (1024 * 1024)}MB）`);
      // 还可以在这里决定是否允许继续上传，如 file.response 是否允许大文件等
      return false; // 默认情况下阻止上传
    },
    beforeUpload(file) {
      // 在实际项目中可能需要检查更多条件，比如文件类型、是否被拖拽等
      if (file.size > this.fileSizeLimit) {
        return false;
      }
      // 返回true表示允许上传
      return true;
    },
  },
};
</script>

在这个例子中，`handleExceed`方法会在文件大小超过限制时执行，`beforeUpload`则在每次开始上传前进行检查。你可以根据需要调整这些逻辑。