element upload上传组件携带参数传参(一)

一、使用upload组件本身上传

    <el-upload
        action="https://www.xxxx.com/dd" // s上传地址
        :data="uploadData" // 上传携带参数
        :limit="1"
        :multiple="false"
        :before-upload="handleBeforeUpload"
        :on-remove="handleRemove"
        :on-error="handleError">
        <i class="el-icon-folder-add" />
    </el-upload>

// js 
    computed: {
        uploadData() {
            return {
                body: JSON.stringify(this.form)
            }
        }
    },

上面有几个必填参数,这里用upload自带上传就需要填入action.见第一张图。
headers也要在接口中指定, headers: { 'content-type': 'multipart/form-data' } ,也可以
在upload上绑定,属性是支持的。这里是自动上传的,不自动上传绑定 :auto-upload="false"即可。
element upload上传组件携带参数传参(一)_第1张图片
成功是这样的,数据是form-data格式的;
element upload上传组件携带参数传参(一)_第2张图片

接下来自定义上传我放在第二篇
element upload上传组件携带参数传参(二)

你可能感兴趣的:(vue,vue.js,node.js,前端)