赞
踩
解决方法来源大神:【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(); //去掉文件列表
},
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。