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標簽中的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ù)獲取當前上傳的對象完美實現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網(wǎng)站的支持！