附件上传接口失败时,移除附件列表中上传失败的数据

  <el-upload :action="action"
   :accept="accept" 
   :headers="headers"
   :file-list="uploadFileList" 
   :multiple="multiple"
   :on-success="fillUploadSuccess"
   :on-remove="fillUploadRemove" 
   :on-preview="handlePreview"
   :before-upload="beforeUpload"
   :disabled="readonly"
   :class="{readonly:readonly}" 
   v-bind="$attrs"
   v-on="$listeners"
   :limit="limit"
   :on-exceed="handleExceed"
   ref="uploadConfig">
  </el-upload>
method:{
 fillUploadSuccess(res, file, fileList) {
      if (res.code !== '200') {
        this.$message({
          type: 'error',
          showClose: true,
          message: res.msg
        })
        // 若上传失败,移除附件列表中上传失败的数据
        const uid = file.uid
        const idx = this.$refs.uploadConfig.uploadFiles.findIndex(item => item.uid === uid)
        this.$refs.uploadConfig.uploadFiles.splice(idx, 1)
        return false
      } else {
        console.log('成功')
      }
    }
}

清空附件列表

  // 公共方法:清空上传状态
    clearUpload() {
      this.fileUrl = '';        // 清空绑定的数据
      this.fileList = [];       // 清空显示的列表
      this.$refs.uploadRef.clearFiles(); // 调用 el-upload 的 clearFiles
    },```

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值