问题
实现上传文件性能时,上传失败第二次上传同一个文件时, onchagne
事件没有触发
<input ref="fileInput" type="file" @change.prevent="handleFile" >
onchange
响应事件是依据value
值的扭转来触发的,如果第二次抉择与第一次雷同的文件时,那么文件名称是雷同的,value
值雷同,onchange
事件不会触发;
解决方案:
在onchange
的响应事件中将元素的value
值置为空;
this.$refs.fileInput.value = ''