小编给大家分享一下vue如何给input file绑定函数获取当前上传的对象，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
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是一款友好的、多用途且高性能的JavaScript框架，使用vue可以创建可维护性和可测试性更强的代码库，Vue允许可以将一个网页分割成可复用的组件，每个组件都包含属于自己的HTML、CSS、JavaScript，以用来渲染网页中相应的地方，所以越来越多的前端开发者使用vue。
以上是“vue如何给input file绑定函数获取当前上传的对象”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
