动态添加响应式表单行的代码示例
在Vue.js中,可以通过使用v-for指令和一个包含表单行的数组来动态生成表单行。可以使用addRow()方法来向数组中添加新行。
HTML模板:
Vue实例:
在这个例子中,我们使用v-for指令在数组中循环遍历行,并将每个输入框的值绑定到数组中的相应属性。我们还提供了一个方法来添加并删除行,这两个方法都使用数组的splice()方法。当点击“Add Row”按钮时,我们将一个空对象添加到数组末尾;当点击“Remove”按钮时,我们将数组中指定索引位置的对象删除。