当前位置: 移动技术网 > IT编程>脚本编程>vue.js > vue elementui 自定义方法实现上传文件

vue elementui 自定义方法实现上传文件

2020年07月09日  | 移动技术网IT编程  | 我要评论

需求:先上传文件,点击导入调用事件。

实现:elementui uppload插件可以自动上传,但是我现在要做到点击按钮触发事件,折腾了半天,才实现要的效果,写下来,提醒自己记得这个过程吧。贴一部分关键代码(个人认为的关键部分)

 

action代表接口地址,但是我这里不需要自动上传,所以返回了一个空的字符串

:auto-upload="false"  是否在选取文件后立即进行上传,这个属性官网有说明。

http-request,覆盖默认的上传行为,可以自定义上传的实现。这个方法就可以实现点击按钮的事件

 

接口调用的方式是我要强调的,我最开始是用自己封装的掉接口方式,但是一直传输数据一直为空,后来换了axios调用,就通了。。。。。。

本文地址:https://blog.csdn.net/zhanglijiang_2017/article/details/107198566

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网