element Upload 上传文件只能上传一次 ，再次点击上传无反应的问题的坑

element Upload 上传文件只能上传一次 ，再次点击上传无反应的问题的坑

今天在开发的时候,文件上传都没有问题,但是修改文件数据后,再次上传图片就无反应了，导致整个问题的原因是因为你没有清除当前 fileList，导致它一直保存这你第一次上传文件的信息，只要你把他一刀切掉就好了！

那么问题来了，应该怎么清除呢！所以要想继续上传文件，就需要在on-success钩子函数中通过ef 拿到它的document元素进行清除已经上传的文件 看下面的代码：

 <el-upload
   class="upload-demo"
   ref='upload'
   action="https://jsonplaceholder.typicode.com/posts/"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove"
  :on-success="handleSuccess"
   multiple
  :limit="3"
  :on-exceed="handleExceed"
  :file-list="fileList">
   <el-button size="small" type="primary">点击上传</el-button>
   <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
 </el-upload>

在方法中这样写:

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

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