vue前端用el-upload向后端传输文件并携带参数id

你可以使用`el-upload`组件来向后端传输文件，并携带参数id。首先，确保你已经安装了Vue和Element UI。

在你的组件中，使用`el-upload`来创建文件上传的表单：

<template>
  <div>
    <el-upload
      action="/your-backend-url"
      :data="formData"
      :headers="headers"
      :on-success="handleSuccess">
      <el-button size="small" type="primary">点击上传文件</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        id: 'your-id' // 携带的id参数
      },
      headers: {
        Authorization: 'Bearer your-token' // 如果需要认证，添加相应的头部信息
      }
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 处理上传成功的回调函数
      console.log(response);
    }
  }
};
</script>

在上面的代码中，`el-upload`组件的`action`属性指定了后端接口的URL地址。`data`属性定义了要传递给后端的参数，其中`id`是你要携带的参数。如果需要认证，可以在`headers`属性中添加相应的头部信息。

当文件上传成功时，可以在`handleSuccess`方法中处理后端返回的响应数据。

请注意替换`action`属性中的`/your-backend-url`为你的后端接口URL，替换`formData`中的`id`为你想要携带的参数id，替换`headers`中的`Authorization`为你的认证信息。

希望能帮到你！如果还有其他问题，请随时提问。