element的upload组件在before-upload之后触发before-remove以及后面on-remove方法

element的upload组件在before-upload之后return false之后竟然自动

触发了before-remove以及后面on-remove方法

解决方案:

// 组件
  <div>
    <el-upload ref="upload" class="upload-demo" :on-preview="handlePreview" :on-remove="handleRemove"
               :before-remove="beforeRemove" :before-upload="beforeUpload" :on-success="onSuccess" :on-change="onChange"
               :on-error="onError" :headers="{Token: kindo.cache.get('USER_INFO').token}" v-bind="$attrs" :limit="limit"
               :file-list="fileListData" :on-exceed="handleExceed"
               accept="image/jpeg,image/gif,image/png,application/pdf,image/bmp,application/msword,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel">
      <el-button size="small" type="primary">{{btnTxt}}</el-button>
      <div slot="tip" class="el-upload__tip">{{tips}}</div>
    </el-upload>
  </div>

    beforeRemove(file, fileList) {
      if (file && file.status === 'success') {
        return this.$confirm(`确定移除 ${file.name}？`)
      }
    },
    onSuccess(file,fileList){
      if (file && file.status === 'success') {
        // 逻辑代码 删除的规则
       }
      },
    }