Javascript 按下按钮时如何将数据表单插入表中？

当按下按钮时，如何使Vuejs在表中添加多个数据表单？我只需要一个表单就可以做到这一点，我需要通过输入和选择表单来实现，当我按下按钮将其添加到列表中时。谢谢

以下是一个例子：

---

根据您的示例，我假设您希望在元素列表中包含多个字段。这意味着这一切都与您的数据模型有关。必须为单个元素复制所需的“表”结构。因此，只需使用这些字段声明一个对象并进行数据绑定。然后单击“添加”时，只需添加该对象（假设您的数组类型相同）

请注意，推送复制了结构，而不仅仅是添加this.newElement。这将导致引用关系，当您清除新元素时，它将在数组中被清除。 然后，您的HTML可以如下所示：

雇佣解雇
添加
单击以删除

{{u.user}{{u.status}

除非您向我们展示一些代码和您已经尝试过的内容，否则我们无法帮助您。是的，当然可以。这里有一个例子：那么你的问题是什么？您想在表单中添加一个选择框吗？我想创建一系列表单，用户将编写并单击“输入”按钮将其添加到表格中，或列出其他页面中的所有数据表单（如果可能，可以在同一页面上）。但我只能用一张表格来做这件事。谢谢你的回复。天哪，非常感谢。工作出色。要添加更多，只需按照与您相同的方式进行操作？是的，只需添加更多属性，并且应该确定代码中的本地存储停止工作，您知道为什么吗？为了代码中的清晰性，我删除了它。只需将其放回数据声明中，并在方法addUser和removeUser的末尾调用它，以便在任何数据更改时进行更新：

data:{users:fetchArray（…），…}methods:{addUsers:function（）{…saveArray（…）；}，…}

实际上您已经有了一个“手表”，这可能比在每个改变数组的方法上调用它要好

app = new Vue({
  el: "#main",
  data: {
    users: [],
    newElement: {user:"",status:""}
  },
  methods: {
    addUser: function(){
      this.users.push({user:this.newElement.user,status:this.newElement.status});
      this.newElement = {user:"",status:""};
    },
    removeUser: function(item){
      this.users.splice(item,1);
    }
  }
});