List<MultipartFile>前端vue怎么传

在Vue中，可以使用`FormData`对象来上传文件。首先，在HTML中定义一个表单，其中包含一个`input`标签，例如：

<template>
  <div>
    <form @submit.prevent="uploadFiles">
      <input type="file" ref="fileInput" multiple>
      <button type="submit">上传文件</button>
    </form>
  </div>
</template>

其中，`@submit.prevent="uploadFiles"`表示在表单提交时调用`uploadFiles`方法，`ref="fileInput"`表示给`input`标签设置一个引用，方便在JavaScript中获取该元素。

然后，在JavaScript中实现`uploadFiles`方法，如下所示：

<script>
export default {
  methods: {
    uploadFiles() {
      const files = this.$refs.fileInput.files;
      const formData = new FormData();
      for (let i = 0; i < files.length; i++) {
        formData.append('files', files[i]);
      }
      axios.post('/upload', formData).then(response => {
        // 处理上传成功后的逻辑
      }).catch(error => {
        // 处理上传失败后的逻辑
      });
    }
  }
}
</script>

在上述代码中，首先通过`this.$refs.fileInput.files`获取选中的文件，然后创建一个`FormData`对象，并将选中的文件添加到该对象中，最后通过`axios`发送`POST`请求上传文件。在上传文件时，需要设置`Content-Type`为`multipart/form-data`，这样服务器端才能正确地解析上传的文件。服务器端的代码可以参考我前面提供的Java代码来处理上传的文件。