這篇文章將為大家詳細(xì)講解有關(guān)如何解決vue項目中type=”file“ change事件只執(zhí)行一次的問題,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
10年積累的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有崇川免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
問題描述
在最近的項目開發(fā)中遇到了這樣的一個問題,當(dāng)我上傳了一個文件時,我將獲取到的文件名清空后,卻無法再次上傳相同的文件
上傳的文件名:{{fileName}}
因為我只是將data中的屬性值清空而已,文件名沒有變當(dāng)然會不出發(fā)change事件
解決辦法
目前網(wǎng)上有好多解決辦法,但基本上都無法在vue上使用,于是我想到了v-if
v-if 是“真正”的條件渲染,因為它會確保在切換過程中條件塊內(nèi)的事件監(jiān)聽器和子組件適當(dāng)?shù)乇讳N毀和重建。
于是在代碼中加入了一個小的開關(guān),喚起change事件時就將他銷毀
事件結(jié)束時再將它重建,這樣問題就輕松的解決了
上傳的文件名:{{fileName}}
關(guān)于“如何解決vue項目中type=”file“ change事件只執(zhí)行一次的問題”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。