vue中解决重复上传文件无效问题

vue中上传文件是很常见的，最近在项目中上传excel文件后解析其内容，再次上传文件时没反应，为什么呢❓

change事件触发条件是文件上传框内容改变才可以，每次上传完文件默认是不清空上一次上传的内容的，这样上传同名文件就不会触发change事件，所以解决方案如下：

• DOM

  <input type="file" name="file" id="file" accept=".xls, .xlsx" background="none" ref="referenceUpload" @change="changeinput" />
  

• 方法

  changeinput(content) {
  //此处省略接口
  // 回调成功方法里清空input的值即可
  this.$refs.referenceUpload[0].value = null;
  }
  

希望对你有所帮助😄！