HTML

<input type="file" @change="tirggerFile($event)">

JS(vue-methods)

tirggerFile : function (event) { var file = event.target.files; // (利用console.log輸出看結構就知道如何處理檔案資料) // do something...}

如果直接在綁定的函數中傳入this，則不能正確獲取，且不能獲取到相關的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".前者是現在的寫法，印象中后者是被廢棄的寫法

總結

以上所述是小編給大家介紹的vue給input file綁定函數獲取當前上傳的對象完美實現方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！