当前位置: 首页 > Web前端 > vue.js

elementUpload上传文件只能上传一次,再次点击上传无反应陷阱

时间:2023-03-31 18:11:33 vue.js

elementUpload上传文件只能上传一次,再次点击上传无反应陷阱,但修改文件数据后,上传时无反应再次上图。整个问题的原因是你没有清除当前的fileList,导致它一直保存着你第一次上传的文件的信息,只要你把它砍掉。向上!那么问题来了,怎么清除呢!所以如果想继续上传文件,需要在on-success钩子函数中通过ef获取其document元素,清除上传的文件。请看下面的代码:handleRemove":before-remove="beforeRemove":on-success="handleSuccess"多次:limit="3":on-exceed="handleExceed":file-list="fileList">点击上传只上传jpg/png文件,且不超过500kb

在方法中写这个:handleSuccess(res,file){this.$refs.上传.clearFiles();//上传成功后清空历史}这样就可以解决长传无法继续的问题了!总结:这样我们就可以使用admin模板来做我们的项目了,jselevation4thedition链接:https://pan.baidu.com/s/18P8k...可以加公众号获取提取码.如有不明白的请加q群147936127交流或vx:ltby52119,谢谢~