el-upload怎么在action向后端发送请求时添加请求参数
时间: 2023-11-26 22:07:19 浏览: 165
vue中element 的upload组件发送请求给后端操作
5星 · 资源好评率100%
要在 `el-upload` 组件的 `action` 属性中添加请求参数,可以使用 `before-upload` 属性来自定义上传前的行为,在该函数中可以修改上传请求的参数。
例如,如果要在上传文件时附带一个名为 `token` 的请求参数,可以这样写:
```html
<el-upload
:action="uploadUrl"
:before-upload="beforeUpload"
>
<!-- ... -->
</el-upload>
```
```javascript
methods: {
beforeUpload(file) {
// 在上传请求中添加 token 参数
this.uploadUrl = '/api/upload?token=' + getToken()
}
}
```
在 `before-upload` 函数中,可以修改 `uploadUrl` 变量来添加请求参数。注意,如果 `uploadUrl` 是一个常量,需要先将其复制到一个可修改的变量中再修改,否则会导致警告:`Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders.`。
阅读全文