Vue 之v-for中获取index（element）

可以通过事件，把item和index传给函数，这样就能获取到idenx了，这样做的好处是我们定位一个数组元素的时候重名的时候用indexof就会获取到并不一定是我们想要的，来看element官网的一个实例这是一个动态的可以关掉的标签，如果再添加一个标签一，如图：如果把红色框框内的“标签一”关掉，最后我们想要的结果是：标签一，标签二，标签三然后事实上的结果是：标签二，标签三，标签一这是因...

音尘啊

14770人浏览 · 2020-04-15 11:48:42

音尘啊 · 2020-04-15 11:48:42 发布

可以通过事件，把item和index传给函数，这样就能获取到idenx了，这样做的好处是我们定位一个数组元素的时候重名的时候用indexof就会获取到并不一定是我们想要的，来看element官网的一个实例
在这里插入图片描述
这是一个动态的可以关掉的标签，如果再添加一个标签一，如图：

如果把红色框框内的“标签一”关掉，最后我们想要的结果是：标签一，标签二，标签三
然而事实上的结果是：标签二，标签三，标签一
这是因为官方提供的方法是indexOf来定位位置
在这里插入图片描述

所以遇到名字一样的会取第一个，这不符合我们的要求，这个时候就需要把索引（idenx）获取到，只有就能实现想要的效果：

源代码可以见element官网tag标签中的动态编辑标签：
Tag 标签

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^