vue + elementUI——upload传数据给后台出错后再次点击upload无效

Posted linjiangxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue + elementUI——upload传数据给后台出错后再次点击upload无效相关的知识,希望对你有一定的参考价值。

解决方法:使用upload.clearFiles()方法清空文件列表

页面:

 <el-upload
   ref="upload_file"
    action=""
    :multiple="false"
    :limit="1"
    :show-file-list="false"
    :on-change="importExcel"
    :auto-upload="false">
      <el-button
          :loading="btnLoading"
            type="primary">
            本地上传
        </el-button>
</el-upload>

js:

importExcel(response) {
        let _this = this;
        _this.$refs.upload_file.clearFiles();  // <==
        ···
}

 

以上是关于vue + elementUI——upload传数据给后台出错后再次点击upload无效的主要内容,如果未能解决你的问题,请参考以下文章

elementUI vue upload完整示例

vue + elementUI——upload传数据给后台出错后再次点击upload无效

Vue上传文件:ElementUI中的upload实现

vue+elementui el-upload上传文件携带参数

vue---- ElementUI 实现上传Excel

Vue 使用elementUI upload 删除图片/移除图片的方法