如何在 Vue 中提交相同字段

在 Vue 中，如果你想提交相同字段，可以将这些字段绑定到同一个数组或对象中，然后在提交时将该数组或对象发送到服务器。

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

<template>
  <form @submit.prevent="submitForm">
    <input v-model="formData.name[0]" type="text">
    <input v-model="formData.name[1]" type="text">
    <button type="submit">Submit</button>
  </form>
</template>

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

在这个例子中，我们在 formData 对象中定义了一个 name 属性，它是一个数组，包含两个空字符串。在表单中，我们使用 v-model 指令将两个输入框绑定到数组的不同位置。 当用户提交表单时，我们可以在 submitForm 方法中获取 formData 对象，并将其发送到服务器。

当然，如果你想提交多个相同的字段，也可以将它们绑定到一个对象中，方法与绑定到数组类似。