2

问题

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

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

onchange响应事件是根据value值的改变来触发的,如果第二次选择与第一次相同的文件时,那么文件名称是相同的,value值相同,onchange事件不会触发;

解决方案:

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

this.$refs.fileInput.value = ''

旅图灬
905 声望43 粉丝

任何事物都有它的正反面,研究技术要全面