vue3 el-upload携带参数

在 Vue3 中使用 el-upload 组件携带参数可以通过以下方式实现：

1. 使用 headers 属性

<el-upload
  :headers="{ Authorization: 'Bearer ' + token }"
  action="/upload"
  :data="{ param1: 'value1', param2: 'value2' }"
>
  <!-- ... -->
</el-upload>

其中，`:headers` 属性用于设置请求头，`:data` 属性用于设置请求参数。

2. 使用 before-upload 属性

<el-upload
  action="/upload"
  :before-upload="handleBeforeUpload"
>
  <!-- ... -->
</el-upload>

methods: {
  handleBeforeUpload(file) {
    file.headers = {
      Authorization: 'Bearer ' + token
    };
    file.data = {
      param1: 'value1',
      param2: 'value2'
    };
    return true;
  }
}

在 `before-upload` 函数中，我们可以通过修改 file 对象的 headers 和 data 属性来携带参数。同时需要注意，必须返回 true 才能继续上传。