el-upload上传携带参数
时间: 2023-08-14 19:12:02 浏览: 122
【JavaScript源代码】vue el-upload上传文件的示例代码.docx
el-upload组件可以通过data属性来上传携带参数。在使用el-upload组件时,可以将参数封装在一个对象中,然后将该对象赋值给data属性。例如,可以使用computed属性来返回一个包含参数的对象,然后将该对象赋值给data属性。具体代码如下所示:
```html
<el-upload action="https://www.xxxx.com/dd" :data="uploadData">
<i class="el-icon-folder-add"></i>
</el-upload>
```
```javascript
computed: {
uploadData() {
return {
body: JSON.stringify(this.form)
}
}
},
```
在上述代码中,uploadData是一个computed属性,它返回一个包含参数的对象。这里的参数是通过this.form获取的,可以根据实际情况进行修改。然后将uploadData赋值给data属性,这样在上传时就会携带这些参数。
#### 引用[.reference_title]
- *1* *2* [element upload上传组件携带参数传参(一)](https://blog.csdn.net/qq_40128375/article/details/123112708)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-upload实现自定义携带参数上传文件( :http-request 方式)](https://blog.csdn.net/qq740874037/article/details/125646647)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文