a-upload 如何携带自定义参数

`a-upload` 是 Ant Design Vue 中的一个上传组件，它允许你在上传文件的同时附加一些自定义参数。要在 `a-upload` 中携带自定义参数，你可以通过设置 `action` 和 `headers` 或者 `before-upload` 回调函数来实现。

1. **使用 action 属性传递参数**：

   <a-upload :action="'https://example.com/upload?param1=value1&param2=value2'" ...></a-upload>

这里 `?param1=value1&param2=value2` 就是在 URL 查询字符串中添加的自定义参数。

2. **使用 headers 对象**：
如果你想将参数放在 HTTP 请求头里，可以这样做：

   <a-upload :headers="{ customParam: 'customValue' }" ...></a-upload>

`customParam` 和 `customValue` 是你在 `headers` 中定义的键值对。

3. **使用 before-upload 回调函数**：
如果需要动态生成参数或基于用户输入实时改变参数，可以在 `before-upload` 函数中设置：

   <a-upload
     :before-upload="uploadParams"
     ...>
   </a-upload>

   methods: {
     uploadParams(file) {
       return {
         url: 'https://example.com/upload',
         params: { dynamicParam: file.name },
       };
     }
   }

在这里，`params` 变量会被附加到上传请求中。