Vue 点击添加一行和删除一行

我用的是：vue + element ui 直接代码。

逻辑

注释：

1.通过对数组的 *** 作，进行添加和删除；

2.这里应注意index这个索引，用于删除时，知道删的是哪一个值；

3.删完对应的值，要对数组的index这个索引重组，否则再删除时会出错；

vue动态表单中删除再添加时数据删掉的数据又补上了

vue动态表单中删除再添加时数据删掉的数据又补上了

可能是vue的双向绑定机制，当你删除了某个数据，vue会自动更新数据，当你再添加数据时，vue会自动将数据补上。

Vue 将被侦听的数组的变更方法进行包裹，所以他们也将会处罚视图更新

第一个参数：表示从哪个索引位置（index）添加/删除

第二个参数：要删除的项目数量。如果设置为 0 ，则不会删除项目

第三个参数：可选。向数组添加的新项目

例：splice(1) 保留前一个元素之后的全部删除， splice(2) 保留前两个元素之后全部删除

例：splice(2,1) 从索引位置（index：2）删除，删除一个元素

例：splice(1,2,'a','b') 从索引微信（index：1）删除，删除2个元素，并添加2个新元素来代替被删除的元素

例：splice(1,0,'a') 从索引位置（index：1）添加，添加两个元素

arr.sort(sortby)可选。规定排列顺序。必须是函数。

例：按字母顺序进行排列

例：大小排列

reverse() 方法颠倒数组中元素的顺序。

它们不会变更原始数组，而总是返回一个新数组。当使用非变更方法时，可以用新数组替换旧数组：

filter() 方法是创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

concat() 方法用于连接两个或多个数组。

slice() 方法可从已有的数组中返回选定的元素。

split() 方法用于把一个字符串分割成字符串数组。

---