当前位置:   article > 正文

【Vue+el-upload】不显示上传的文件列表_el-upload 不显示文件列表

el-upload 不显示文件列表

解决方法来源大神:【vue Element组件上传文件-去掉文件列表】
在这里插入图片描述
如图
1、showUploadList设置成false(网上的其他方法,我亲测不好使qwq
2、利用this.$refs.upload.clearFiles();去掉文件列表

<el-upload
  ref="upload"
  class="upload-demo"
  :action="actionFile"
  :headers="headersFile"
  :on-success="onSuccessFile"
  :on-error="onErrorFile"
  :before-upload="beforeFileUpload"
  :on-progress="onProgressFile"
  name="file"
>
  <el-button
    size="mini"
    icon="el-icon-folder-add"
    plain
    type="primary"
    >导入</el-button
  >
</el-upload>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
onErrorFile(){
   this.$message("导入失败!");
   this.$refs.upload.clearFiles(); //去掉文件列表
 },
onSuccessFile(response) {
   // 你的代码
   this.$message("导入成功!");
   this.$refs.upload.clearFiles(); //去掉文件列表
},
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/473063
推荐阅读
相关标签
  

闽ICP备14008679号