element upload上传组件携带参数传参(一)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
一、使用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"即可。
成功是这样的,数据是form-data格式的;
接下来自定义上传我放在第二篇
element upload上传组件携带参数传参(二)
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)