关于Element-UI Upload 上传图片第二次或第N次无反应的问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
如果我们设置了 :limit="1" ,在我们上传完成第一张图片后,如果想更改当前的图片那么很幸运的告诉你,不行、没效果。发现后是不是立刻百度,会发现很多错综复杂的解决方案!直到自己眼晕脑胀也没有一点办法,那么很幸运的告诉你,你找到了我!
导致整个问题的原因是因为你没有清除当前 files,导致他一直保存这你第一次上传文件的信息,只要你把他一刀切掉就好了!
那么问题来了,应该怎么清除呢!看下面的代码:
//只需要给你的el-upload 定义一个ref就可以
<el-upload class="upload-demo" ref="upload">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
然后,我们既然定义了ref 那么是不是就可以拿到它的document元素,那么岂不是很简单了,只需要在每次成功后给它清除掉就可以了,看码:
successUpload(response, file, fileList) {
this.$refs.upload.clearFiles(); //上传成功之后清除历史记录
}
这样就能解决你不能继续长传的问题了!
希望看完的朋友可以点个喜欢/关注,您的支持是对我最大的鼓励。
如果喜欢本文的话,欢迎关注我的订阅号,漫漫技术路,期待未来共同学习成长。
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)