elementui+vue自定义接口上传
Posted javaokchen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui+vue自定义接口上传相关的知识,希望对你有一定的参考价值。
<!-- html部分 -->
<el-upload
ref="uploadRef"
list-type="picture-card"
action=\'#\'
:headers="myHeaders"
:limit="1"
:http-request="dragSubmit">
<i class="el-icon-plus"></i>
</el-upload>
//JS部分
myHeaders:{Authorization: token}, //图片接口请求头
//自定义上传
dragSubmit(event) {
this.$nextTick(() => {
let formData = new FormData();
formData.append("img", event.file);
request.post(\'/employee/emp_img/\',formData)
.then(res => {
//doSomething...
})
});
},
以上是关于elementui+vue自定义接口上传的主要内容,如果未能解决你的问题,请参考以下文章
Vue.js 学习13 ElementUI项目中使用自定义组件