正文 779字数 216,719阅读


如果我们设置了 :limit="1" ，在我们上传完成第一张图片后，如果想更改当前的图片那么很幸运的告诉你，不行、没效果。发现后是不是立刻百度，会发现很多错综复杂的解决方案！直到自己眼晕脑胀也没有一点办法，那么很幸运的告诉你，你找到了我！

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

那么问题来了，应该怎么清除呢！看下面的代码：
//只需要给你的el-upload 定义一个ref就可以 <el-upload class="upload-demo" ref="upload"> <el-button size="small" type="primary">点击上传</el-button> </el-upload>
Run code
Cut to clipboard


    然后，我们既然定义了ref 那么是不是就可以拿到它的document元素，那么岂不是很简单了，只需要在每次成功后给它清除掉就可以了，看码：
    successUpload(response, file, fileList) { this.$refs.upload.clearFiles(); //上传成功之后清除历史记录 }
    Run code
    Cut to clipboard


      这样就能解决你不能继续长传的问题了！

      版权声明：本文为CSDN博主「蚂蚁上的大象」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
      原文链接：https://blog.csdn.net/Jensen_Yao/article/details/104803099