elementui上传文件不允许重名

在Element UI中，要实现上传文件不允许重名，你可以在前端进行文件名检查，并在用户点击上传按钮时阻止重名文件的上传。以下是一个简单的实现示例：

<template>
  <el-upload
    :on-change="handleChange"
    :before-upload="beforeUpload"
    action="https://your-upload-api"
    :file-list="fileList"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>
 
<script>
export default {
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    handleChange(file, fileList) {
      this.fileList = fileList;
    },
    beforeUpload(file) {
      const isDuplicate = this.fileList.some(f => f.name === file.name);
      if (isDuplicate) {
        this.$message.error('文件名重复，请不要上传重复的文件！');
        return false;
      }
      return true;
    },
  },
};
</script>

在这个示例中，handleChange 方法用于更新文件列表，beforeUpload 方法在每次尝试上传文件之前被调用，它会检查文件是否与已有文件列表中的文件名重复。如果发现重复，它将通过 this.$message.error 显示错误消息并返回 false 来阻止上传。