通过vue.js将数据从模态表单添加到表中

data() {
  return {
    formData: {
      name: '',
      age: '',
      email: ''
    },
    tableData: [] // 用于存储表格数据的数组
  }
}

<input v-model="formData.name" type="text" placeholder="姓名">
<input v-model="formData.age" type="number" placeholder="年龄">
<input v-model="formData.email" type="email" placeholder="邮箱">

methods: {
  addToTable() {
    this.tableData.push(this.formData);
    // 清空表单数据
    this.formData = {
      name: '',
      age: '',
      email: ''
    };
  }
}

<table>
  <tr v-for="(item, index) in tableData" :key="index">
    <td>{{ item.name }}</td>
    <td>{{ item.age }}</td>
    <td>{{ item.email }}</td>
  </tr>
</table>