Bootstrap

vue+element使用upload组件,`http-request`属性重写上传的方法

因为上传文件的同时,还要把文件在大小一起请求到服务端,而element原生的data(上传时附带的额外参数)做不到这个需求,所以只能使用http-request重写了。

使用`http-request`属性重写后,发现element原生进度条消失了。。。

另外on-success(文件上传成功时的钩子)、on-error(文件上传失败时的钩子)等等也都失效了

解决方法:

注意:action 虽然用不上,但也不能删,随便给个字符就行了

<el-upload
        ref="upload"
        action="null" 
        :file-list="videoFileList"
        :http-request="uploadResourceRequest"
>
  <el-button type="success" size="small" slot="trigger">上傳文件到服務器</el-button>
</el-upload>

export default {
    data() {
        return {
            //选择需要上传的文件列表
            videoFileList: []
        }
    }
}

methods: {
     /**
    
;