vue新增数据同时有上传文件，怎么实现数据并传入后端

在Vue中，你可以先使用`FormData`对象将文件上传到后端，然后再将需要新增的数据一同传给后端。具体操作步骤如下：

1. 创建一个FormData对象，并将需要上传的文件添加到formData中，代码如下：

let formData = new FormData();
formData.append('file', this.file);

2. 将需要新增的数据添加到formData中，代码如下：

formData.append('name', this.name);
formData.append('age', this.age);

3. 使用`axios`库发送POST请求，并将formData作为请求体传递给后端，代码如下：

axios.post('/api/add', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

注意事项：

1. 需要将`Content-Type`设置为`multipart/form-data`，以便后端能够正确解析请求体。

2. 在后端接收上传文件的同时，也需要接收新增数据，并进行处理。你可以在后端使用`Multer`等中间件来处理文件上传，具体可参考Node.js官方文档。

以上是一种解决方案，具体实现方式可能会因项目需求而有所不同。