iview里面upload组件的一些坑

1,542 阅读1分钟

今天公司刚开的一个vue项目,内部使用的iview组件库,首先不得不说,iview组件库是非常好用的,给我们带来了很多的便捷,无需再为html+css所困扰,但是这个组件库内部也是存在一些坑的,现在就给大家分享一下我今天遇到的upload组件里面的坑

首先upload组件是可以自动上传和手动上传的,自动上传的时候,是不存在坑的,但是在手动上传的时候,却是有一些坑的,首先,如果我们要设置手动上传,我们需要绑定一个属性before-upload,在这个回调函数中,我们可以通过return false来实现手动上传,实现了手动上传之后,我们需要在提交按钮上来上传文件,此时我们如果还是通过Vue.http.get()方法来访问接口,那是行不通的,在经历了无数的折磨之后,我终于找到了一种解决方法,那就是通过this.$refs.file.post(this.file)来实现文件的上传,此时我们早已经在upload组件的action属性上设置好了请求路径,所以我们通过这种方式,可以实现文件的手动上传(由于不是在公司写的文章,所以就没办法给大家展示具体代码了,大家还有不懂的地方可以留言,我会及时的跟大家进行交流)