【Vue+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>
onErrorFile(){
   this.$message("导入失败!");
   this.$refs.upload.clearFiles(); //去掉文件列表
 },
onSuccessFile(response) {
   // 你的代码
   this.$message("导入成功!");
   this.$refs.upload.clearFiles(); //去掉文件列表
},

版权声明:本文为weixin_38990605原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。