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项目中使用自定义组件

Vue.js 学习13 ElementUI项目中使用自定义组件

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段11——vue路由的配置