Vue Element Upload 组件自定义上传后不再触发上传成功或失败回调
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)