在vue中，该如何同时提交多个form表单

可以使用axios库来同时提交多个form表单，具体步骤如下：

1. 在Vue组件中引入axios库：`import axios from 'axios';`

2. 定义一个方法来处理表单提交：

submitForms() {
  const formData1 = new FormData(document.getElementById('form1'));
  const formData2 = new FormData(document.getElementById('form2'));

  // 使用axios发送请求
  axios.all([
    axios.post('/api/submit-form1', formData1),
    axios.post('/api/submit-form2', formData2)
  ]).then(axios.spread(function (response1, response2) {
    // 处理两个请求的响应
  }));
}

3. 在模板中添加两个表单，并为每个表单添加一个独立的id：

<template>
  <div>
    <form id="form1">
      <!-- 表单1的内容 -->
    </form>
    <form id="form2">
      <!-- 表单2的内容 -->
    </form>
    <button @click="submitForms">提交</button>
  </div>
</template>

4. 在按钮的点击事件中调用submitForms方法来提交表单。