el-upload anction实现url传参
时间: 2023-11-02 10:01:32 浏览: 133
elemetUi 组件--el-upload实现上传Excel文件的实例
5星 · 资源好评率100%
在 `el-upload` 组件中,可以通过设置 `:action` 属性来指定上传的地址,可以设置为一个函数,该函数将返回上传地址,可以在该函数中动态生成上传地址并传入参数。
例如:
```html
<el-upload
:action="getUploadUrl"
:data="{
token: token,
otherParam: otherParam
}"
>
<el-button slot="trigger" type="primary">上传文件</el-button>
</el-upload>
```
```javascript
export default {
data() {
return {
token: 'xxx',
otherParam: 'yyy'
}
},
methods: {
getUploadUrl() {
const url = 'http://example.com/upload';
const params = {
param1: 'value1',
param2: 'value2'
};
return `${url}?${new URLSearchParams(params)}`;
}
}
}
```
在上面的例子中,`getUploadUrl` 方法动态生成上传地址,并将参数传入。`el-upload` 组件会将 `data` 中的参数作为请求体发送到上传地址,同时会将上传文件作为 `file` 参数发送。
阅读全文