解决Vue中 input type=file上传后@change事件无效的问题

为什么@change事件会无效？

绑定事件无效的问题，不仅仅是Vue中才会出现的，写原生js时同样是上传完文件后将无法触发事件，简单查阅资料，似乎与上传的DOM组件相关，因项目紧急也没有深究。

怎么解决事件不触发的问题？

网上大多文章说是要移除<input type='file' id='demo'\>再通过JS动态添加，这样确实可以解决问题，vue 中也有很多文章说 通过 v-if ,我试过之后发现v-if也不生效了

借助jQuery重新添加事件,可以解决

我们在上传文件处理完成后，重新添加事件

$("#demo").on("change",function);

将input 选择的文件置空（初始化）

document.getElementById("demo").value='';