样式使用的是vux的cell组件 如下图的官方demo样子 [img]http://files.jb51.net/file_images/article/201707/201707281004593.png[/img] 上图的样式需要修改一下，把 保护中 修改成一个图片 并且内嵌一个[code]input type=‘file'  [/code]就可以拥有好看的样式的文件上传了 下面我们要改造cell变成我们想要的结果 解释一下： @是v-on的缩写；在组建中调用原声clik要加native；stop解释不清楚，请读者百度 input相当于隐藏了，再也看不到那么丑陋的样式了 i标签是图片，使用了[code]fontawesome[/code]的样式，在main.js里边引入 如果不使用[code]fontawesome[/code]也可以添加样式 现在移动端的文件上传html+css已经写完了 js代码如下： 解释一下： html中给input绑定了一个属性[code]ref = ‘file' [/code]我个人觉得相当于 给input赋值一个id 在通过[code]this.$refs.file [/code]就相当于[code]document.getElementById('file'); [/code]这个都是vue特有的功能；比较特别的dom操作 然后click()方法就会打开文件； 至于@change()方法待续！！！这个方法不大众化，需要单独写！ 以上所述是小编给大家介绍的vue+vux实现移动端文件上传样式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！