Element页面内多个上传组件 超时使用abort取消请求

看element文档可使用abort取消当前上传图片的请求，this.$ref.upload.abort()这种。
最近做公司后台管理 页面内存在多个上传图片的组件,但是可能会有上传超时的情况,这时需要定位到是哪个存在超时情况,从而取消上传.

<el-upload
    class="avatar-uploader"
    :action="apiurl"
    :show-file-list="false"
    :before-upload="function (file){return beforeUpload(file,'测试',this)}"
    :on-success="handleAvatarSuccess"
  >
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

使用before-upload绑定函数，参数为代码内参数，这里使用的this指向当前上传图片的组件，在函数里接受到参数后可直接 参数.abort() 取消上传。