问题

实现上传文件性能时,上传失败第二次上传同一个文件时, onchagne事件没有触发

  <input    ref="fileInput"    type="file"    @change.prevent="handleFile"  >

onchange响应事件是依据value值的扭转来触发的,如果第二次抉择与第一次雷同的文件时,那么文件名称是雷同的,value值雷同,onchange事件不会触发;

解决方案:

onchange的响应事件中将元素的value值置为空;

this.$refs.fileInput.value = ''