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;// docu...

哎，我说代码打完了吗

7228人浏览 · 2019-06-20 16:46:43

哎，我说代码打完了吗 · 2019-06-20 16:46:43 发布

原创传送门：(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;
    },
  }

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^