el-upload携带额外参数上传
时间: 2023-08-14 10:13:52 浏览: 326
【JavaScript源代码】vue el-upload上传文件的示例代码.docx
要使用el-upload组件上传文件时携带额外参数,您可以使用`:data`属性来传递数据。下面是一个示例代码:
```html
<template>
<div>
<el-upload
action="/upload"
:data="uploadData"
:on-success="handleSuccess"
>
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>
</div>
</template>
<script>
export default {
data() {
return {
uploadData: {
additionalParam: 'value'
}
};
},
methods: {
handleSuccess(response, file, fileList) {
// 处理上传成功的回调
}
}
};
</script>
```
在上面的代码中,我们通过`:data`属性将`uploadData`对象传递给el-upload组件。`uploadData`对象可以包含您想要携带的额外参数,这些参数将在上传时一并发送到服务器。
请根据您自己的需求修改`uploadData`对象以及处理上传成功的回调函数`handleSuccess`。另外,请将`action`属性设置为您的实际上传URL。
阅读全文