Vue Element Upload 组件自定义上传后不再触发上传成功或失败回调

template部分

<el-upload
  action="fileuPload"
  list-type="listFile"
  :http-request="uploadFile"
  :on-success="handleUploadSuccess"
  :on-error="handleUploadError">
</el-upload>

script部分

methods: {
    uploadFile (file) {
        this.axios.post(file)//上传文件
            .then(response=>{
                file.onSuccess(response)
            })
            .catch(({err}) => {
                file.onError(err)
            })   
        })
    },
    handleUploadSuccess(response, file, fileList) {
        //文件上传成功后的操作

        console.log('文件上传成功')
    },
    handleUploadError(err, file, fileList){
        //文件上传失败后的操作

        console.log('文件上传成功')
    }
	
}

说明

自定义上传后,成功和失败需要在自定义上传代码中触发。在组件部分需要写文件上传或失败的回调信息(:on-success="handleUploadSuccess" :on-error="handleUploadError"),同时在自定义上传函数中需要手动触发onSuccess,onError

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值