vue給input file綁定函數(shù)獲取當(dāng)前上傳的對象完美實現(xiàn)方法
更新時間：2017年12月15日 16:38:37 作者：蓓蕾心晴
這篇文章主要介紹了vue給input file綁定函數(shù)獲取當(dāng)前上傳的對象完美實現(xiàn)方法,需要的朋友可以參考下
HTML
<input type="file" @change="tirggerFile($event)">
JS(vue-methods)
tirggerFile : function (event) {
var file = event.target.files; // (利用console.log輸出看結(jié)構(gòu)就知道如何處理檔案資料)
// do something...
}
如果直接在綁定的函數(shù)中傳入this，則不能正確獲取，且不能獲取到相關(guān)的inputfile對象
PS：下面簡單介紹下vue中如何用input file綁定img標(biāo)簽中的src
<img v-bind:src="lmodel"> <input v-model="lmodel" type="file">
ps: v-on:change="xxx", v-on="change:xxx".前者是現(xiàn)在的寫法，印象中后者是被廢棄的寫法
總結(jié)
以上所述是小編給大家介紹的vue給input file綁定函數(shù)獲取當(dāng)前上傳的對象完美實現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
如果在組件中需要使用定時器,注意在銷毀組件的時候,要對定時器進(jìn)行銷毀,否則時間長了會導(dǎo)致頁面卡頓,這篇文章給大家介紹vue3 setup語法糖下的定時器的使用與銷毀的知識,感興趣的朋友一起看看吧2024-02-02
這篇文章主要介紹了vue3 實現(xiàn)牙位圖選擇器的實例代碼,代碼簡單易懂,需要的朋友參考下吧2025-04-04
Vue嵌套iframe時$router.go(-1)后退bug的原因解析
這篇文章主要介紹了Vue嵌套iframe,$router.go(-1)后退bug的問題原因及解決方法,本文給大家分享問題原因所在及解決方案,需要的朋友可以參考下吧2023-09-09
vue實現(xiàn)錨點跳轉(zhuǎn)及滾動監(jiān)聽的方法
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)錨點跳轉(zhuǎn)及滾動監(jiān)聽的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了Vue.js組件實現(xiàn)選項卡以及切換特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
本文主要介紹了Vue新一代狀態(tài)管理工具Pinia的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要介紹了簡單了解Vue + ElementUI后臺管理模板,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-04-04
node+vue前后端分離實現(xiàn)登錄時使用圖片驗證碼功能
這篇文章主要介紹了node+vue前后端分離實現(xiàn)登錄時使用圖片驗證碼,記錄前端使用驗證碼登錄的過程，后端用的是node.js，關(guān)鍵模塊是svg-captcha，結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-11-11
基于Vue2.0+ElementUI實現(xiàn)表格翻頁功能
Element UI 是一套采用 Vue 2.0 作為基礎(chǔ)框架實現(xiàn)的組件庫，它面向企業(yè)級的后臺應(yīng)用，能夠幫助你快速地搭建網(wǎng)站，極大地減少研發(fā)的人力與時間成本。這篇文章主要介紹了Vue2.0+ElementUI實現(xiàn)表格翻頁功能,需要的朋友可以參考下2017-10-10
本篇文章主要介紹了詳解vue服務(wù)端渲染(SSR)初探，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06