vue 提交多个相同字段

在 Vue 中提交多个相同字段的方法与提交一个相同字段的方法类似。你可以将多个相同的字段绑定到同一个对象中，然后在提交时将该对象发送到服务器。

例如，你可以在 Vue 组件中定义一个 data 属性，用于存储要提交的数据。假设你要提交三个相同的字段 name，你可以将它们绑定到一个对象中：

<template>
  <form @submit.prevent="submitForm">
    <input v-model="formData.name1" type="text">
    <input v-model="formData.name2" type="text">
    <input v-model="formData.name3" type="text">
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        name1: '',
        name2: '',
        name3: ''
      }
    }
  },
  methods: {
    submitForm() {
      // 在这里提交 formData 到服务器
    }
  }
}
</script>

在这个例子中，我们在 formData 对象中定义了三个 name 属性，分别为 name1、name2、name3。在表单中，我们使用 v-model 指令将三个输入框分别绑定到不同的属性中。当用户提交表单时，我们可以在 submitForm 方法中获取 formData 对象，并将其发送到服务器。

需要注意的是，如果你要提交的相同字段很多，可以考虑使用循环和动态组件来生成表单，这样可以更方便地管理和维护表单。