解決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='';
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章