使用vue提交表单中的某几行数据如何书写

假设你的表单是使用Vue的template模板语法编写的，而你要提交表单中的某几行数据，可以在表单中为每一行数据绑定一个v-model指令，然后在提交表单的时候只提交所需的数据即可。

例如，假设你有一个表单，其中包含了一个输入框和一个下拉框，你只需要提交这两个元素的值，可以这样书写：

<template>
  <form @submit.prevent="submitForm">
    <div>
      <label for="input">输入框：</label>
      <input id="input" type="text" v-model="inputValue">
    </div>
    <div>
      <label for="select">下拉框：</label>
      <select id="select" v-model="selectValue">
        <option value="option1">选项1</option>
        <option value="option2">选项2</option>
        <option value="option3">选项3</option>
      </select>
    </div>
    <button type="submit">提交</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      selectValue: 'option1'
    }
  },
  methods: {
    submitForm() {
      // 只提交所需的数据
      const formData = {
        input: this.inputValue,
        select: this.selectValue
      }
      console.log(formData)
    }
  }
}
</script>

在上述例子中，我们为输入框和下拉框分别绑定了v-model指令，然后在提交表单的时候只提交了这两个元素的值，避免了不必要的数据提交。