vue 清空input標(biāo)簽中file的值操作

更新時(shí)間：2020年07月21日 11:29:18 作者：PiscesGirla

這篇文章主要介紹了vue 清空input標(biāo)簽中file的值操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

template中：

<input type="file" ref="pathClear" @change="onUpload" name="file" id="file">

methods中：

onUpload(){
this.$refs. pathClear.value =''
},

補(bǔ)充知識(shí)：將input file的選擇的文件清空的兩種解決方案

上傳文件時(shí),選擇了文件后想清空文件路徑，搜索了一下，用兩種方法解決

第一種

var obj = document.getElementById(‘fileupload') ;
obj.select();
document.selection.clear();

第二種

var obj = document.getElementById(‘fileupload') ;

obj.outerHTML=obj.outerHTML;

以上這篇vue 清空input標(biāo)簽中file的值操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

sublime如何配置開(kāi)發(fā)VUE環(huán)境自動(dòng)格式化代碼
這篇文章主要介紹了sublime如何配置開(kāi)發(fā)VUE環(huán)境自動(dòng)格式化代碼問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-03-03
vue+element?ui表格添加多個(gè)搜索條件篩選功能(前端查詢(xún))
這篇文章主要給大家介紹了關(guān)于vue+element?ui表格添加多個(gè)搜索條件篩選功能的相關(guān)資料,最近在使用element-ui的表格組件時(shí),遇到了搜索框功能的實(shí)現(xiàn)問(wèn)題,需要的朋友可以參考下
2023-08-08
正確更改Ant?Design?of?Vue樣式的問(wèn)題
這篇文章主要介紹了正確更改Ant?Design?of?Vue樣式的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
一文詳解Vue中nextTick的原理與作用
Vue的nextTick方法是用于在DOM更新后執(zhí)行回調(diào)的工具函數(shù),它的作用是在當(dāng)前JavaScript執(zhí)行環(huán)境中延遲執(zhí)行回調(diào),以確保在下次DOM更新循環(huán)之前,可以訪(fǎng)問(wèn)到更新后的DOM,本文就給大家介紹一下Vue nextTick原理與作用,需要的朋友可以參考下
2023-08-08
vue+element樹(shù)組件實(shí)現(xiàn)樹(shù)懶加載的過(guò)程詳解
這篇文章主要介紹了vue+element樹(shù)組件實(shí)現(xiàn)樹(shù)懶加載的過(guò)程，本文通過(guò)圖文實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-10-10
vue-cli 首屏加載優(yōu)化問(wèn)題
這篇文章主要介紹了vue-cli 首屏加載優(yōu)化問(wèn)題，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-11-11
vue-router之路由鉤子函數(shù)應(yīng)用小結(jié)
vue-router提供的導(dǎo)航鉤子主要用來(lái)攔截導(dǎo)航,讓它完成跳轉(zhuǎn)或取消，本文主要介紹了vue-router之路由鉤子函數(shù)應(yīng)用小結(jié)，具有一定的參考價(jià)值，感興趣的可以了解一下
2024-01-01
Vue中v-bind原理深入探究
這篇文章主要給大家分享了 v-bind的使用和注意需要注意的點(diǎn)，下面文章圍繞 v-bind指令的相關(guān)資料展開(kāi)內(nèi)容且附上詳細(xì)代碼需要的小伙伴可以參考一下，希望對(duì)大家有所幫助
2022-10-10
vue踩坑記之npm?install報(bào)錯(cuò)問(wèn)題解決總結(jié)
當(dāng)你跑起一個(gè)項(xiàng)目的時(shí)候,第一步需要先安裝依賴(lài)npm install,下面這篇文章主要給大家介紹了關(guān)于vue踩坑之npm?install報(bào)錯(cuò)問(wèn)題解決的相關(guān)資料,需要的朋友可以參考下
2022-06-06
Vue-Cli配置代理轉(zhuǎn)發(fā)解決跨域問(wèn)題的方法
本文主要介紹了Vue-Cli配置代理轉(zhuǎn)發(fā)解決跨域問(wèn)題的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06