爲什麼@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='';