element中el-upload的取消上传this.$refs.upload.abort();

在用element中的el-upload方法,并且使用el-progress进度条实现取消上传的功能时候,当点击上传后,进度条正常显示百分比的进度,但是当点击”取消“后,再继续点击”上传“后,发现无法上传,尤其是第一次上传大视频文件(超过800M以上)的时候,这个问题必现,后来查看element的API:
https://element.eleme.cn/#/zh-CN/component/upload

发现有一个abort取消上传请求的方法,在el-upload中加入

ref="upload"

后,在取消上传的时候,加入以下方法:

this.$refs.upload.abort();

就解决了上面的问题。

反思:当发现有一些问题,很难用常规的方法解决后,这个时候再去看API,说不定会得到不一样的思路,重视API,重视API,重视API。

你可能感兴趣的:(vue.js,element,upload,vue.js)