关于Element-UI Upload 上传图片第二次或第N次无反应的问题

如果我们设置了 :limit=“1” ,在我们上传完成第一张图片后,如果想更改当前的图片那么很幸运的告诉你,不行、没效果。

导致整个问题的原因是因为你没有清除当前 files,导致他一直保存这你第一次上传文件的信息,只要你把他一刀切掉就好了!

那么问题来了,应该怎么清除呢!看下面的代码:

//只需要给你的el-upload 定义一个ref就可以

   点击上传

然后,我们既然定义了ref 那么是不是就可以拿到它的document元素,那么岂不是很简单了,只需要在每次成功后给它清除掉就可以了,看码:

successUpload(response, file, fileList) {
    this.$refs.upload.clearFiles(); //上传成功之后清除历史记录
}

这样就能解决你不能继续重传的问题了!

你可能感兴趣的:(Vue)