el-upload在使用的时候会出现一个问题:第一次上传完成以后,再次点击上传的时候,无法成功上传文件
页面上显示的还是第一次上传的文件
这是因为上传的时候,浏览器把上传的文件保存了,第二次上传的时候没有清空第一次的文件

解决方案:手动清空第一次上传的文件

  • html部分,定义一个要用获取dom的ref
<el-upload
  ref="targetUpload"
  class="upload-demo"
  action="#"
  :http-request="uploadFile"
  :limit="1"
  :show-file-list="false"
>
</el-upload>
  • js部分
this.$refs.targetUpload.clearFiles()

在需要的时候调用clearFiles方法,就可以实现二次上传了

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐