为什么@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='';
Logo

前往低代码交流专区

更多推荐