vue中解决file input 选择相同文件不触发change事件

原创传送门：(https://www.cnblogs.com/alantao/p/10010181.html)
JS方法

HTML结构

<input id="file" type="file" accept=".map" onchange="upload()" />

JS代码

document.getElementById('file').value = null;

// document.getElementById('file').onchange = function () {
//    alert(this.value);
//    this.value = null;
// };​

在Vue中

HTML结构

<input ref="referenceUpload" @change="referenceUpload" type="file" accept=".map"  multiple/>

JS代码

methods: {
    referenceUpload(e) {
      this.$refs.referenceUpload.value = null;
    },
  }