Vue中v-for循环数组，在方法中splice删除数组元素爬坑

原文：https://blog.csdn.net/qq_43363884/article/details/102910256

解决：vue 请指定for循环中key值的唯一性，不要取index

js本身的原因：
先来看下几个概念：

// splice:返回从原始数组中删除的项（如果没有任何删除，则返回空数组）
	    // 当指定2个参数时，表示删除
	    // 当指定3个参数，且第2个参数为0时表示插入
	    // 当指定3个参数，且第2个参数为1时表示替换

本次就拿删除举例，本身我们想删除数组中的某个指定元素，我们需要知道它所在数组中的下标，我们可以用 数组.indexOf获取它所在的下标，然后拿splice删除这个元素。
代码如下：

var arr = ["0","1","2","3"];
// 删除1
arr.splice(arr.indexOf("1"),1);

如果放到for循环中，比如循环数组，当某个条件成立的时候，我们需要删除某个指定的元素。

但是循环中，i每次都是+1的，但是我们删除某个元素后，下标就变了，相应的位置发生变化，i的值加一后，就会跳过下一个元素。

所以，在删除某个元素的时候，我们手动把 i的值再减一，这样就会避免出现跳过某个元素的问题。