解决Vue中 input type=file上传后@change事件无效的问题
为什么@change事件会无效?绑定事件无效的问题,不仅仅是Vue中才会出现的,写原生js时同样是上传完文件后将无法触发事件,简单查阅资料,似乎与上传的DOM组件相关,因项目紧急也没有深究。怎么解决事件不触发的问题?网上大多文章说是要移除<input type='file' id='demo'\>再通过JS动态添加,这样确实可以解决问题,vue 中也有很多文章说 通过 v-if ,我试
·
为什么@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='';
更多推荐
已为社区贡献1条内容
所有评论(0)