Why does the upload component of element-ui trigger the execution of on-remove when the before-upload verification fails?

"vue": "^ 2.5.2",
"element-ui": "^ 2.2.1",

<el-upload
    action="http://mt.cn:3355/backend/config/uploadImg"
    list-type="picture-card"
    :file-list="themePictures"
    :data="themeData"
    :on-success="themeSuccess"
    :on-remove.self="removeTheme"
    :on-error="uploadError"
    :before-upload="beforeUpload">
    <i class="el-icon-plus"></i>
</el-upload>
removeTheme(file, fileList) {
    req_removeTheme({id:file.id}).then(res => {
        this.$message.success("")
    })
},
beforeUpload(file) {
    const isMatch = file.type === "image/jpeg" || file.type === "image/jpg" || file.type === "image/png" || file.type === "image/gif" || file.type === "image/bmp"
    const isLt2M = file.size / 1024 / 1024 < 1

    if (!isMatch) {
        this.$message.error("")
    }
    if (!isLt2M) {
        this.$message.error(" 1MB!")
    }
    return isMatch && isLt2M
},
Mar.20,2021

it seems that this problem occurs only when it is new. Try to distinguish
`handleRemove (file, fileList) {

by the status of file.status.
  if (file && file.status==="success") {
      //
  }

} `


   before-remove 
    
    beforeRemoveFile(file, fileList) {
        const isXLS = file.name.split('.')[1] === 'xls' || file.name.split('.')[1] === 'xlsx';
        if(isXLS){
            return this.$confirm(` ${ file.name }`);
        }
    },
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b45f-2c2ab.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3b45f-2c2ab.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?