element Upload 上传文件只能上传一次 ,再次点击上传无反馈的问题的坑
明天在开发的时候,文件上传都没有问题,然而批改文件数据后,再次上传图片就无反馈了.
导致整个问题的起因是因为你没有革除以后 fileList,导致它始终保留这你第一次上传文件的信息,只有你把他一刀切掉就好了!
那么问题来了,应该怎么革除呢!所以要想持续上传文件,就须要在on-success钩子函数中通过ef 拿到它的document元素进行革除曾经上传的文件
看上面的代码:
<el-uploadclass="upload-demo"ref='upload'action="https://jsonplaceholder.typicode.com/posts/":on-preview="handlePreview":on-remove="handleRemove":before-remove="beforeRemove":on-success="handleSuccess"multiple:limit="3":on-exceed="handleExceed":file-list="fileList"><el-button size="small" type="primary">点击上传</el-button><div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div></el-upload>
在办法中这样写:
handleSuccess(res, file) { this.$refs.upload.clearFiles(); //上传胜利之后革除历史记录 }
这样就能解决你不能持续长传的问题了!
小结:
这样咱们就能够通过admin模板来做咱们的我的项目了, js高程第四版链接: https://pan.baidu.com/s/18P8k... 能够加公众号获取提取码.
若有不懂的中央,请加q群147936127交换或者vx: ltby52119,谢谢~