vue如何清空input標(biāo)簽中file的值

發(fā)布時間：2020-07-21 13:46:58 來源：億速云閱讀：1144 作者：小豬欄目：開發(fā)技術(shù)

這篇文章主要講解了vue如何清空input標(biāo)簽中file的值，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

template中：

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

methods中：

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

補充知識：將input file的選擇的文件清空的兩種解決方案

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

第一種

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

第二種

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

看完上述內(nèi)容，是不是對vue如何清空input標(biāo)簽中file的值有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡