vue两个数组如何判断重复的数据？

Question

在做一个添加标签的模块，如下：我遇到的问题：能选一样的标签我想要的效果：标签不能选一样我最开始想到的是用v-if判断两个数组是否有相同的数据，从而让他们显示隐藏，但是逻辑不会写代码如下：<div class="form-control" style="cursor:text;height:auto" @click="GetFocus()">    //选中的标签在这显示    <span class="tag" v-for="item in SelectLabel"><i class="el-icon-close"></i>{{item}}</span>    //这个输入框是搜索标签用的    <input         type="text"         class="label_input"         placeholder="Search"         v-model="label_keyword"        v-validate="'max:8'"         name="vee-max"         @keyup="loadLabel()">    <div v-if="errors.first('vee-max')" class="tip">{{ errors.first('vee-max') }}</div></div><div>    //这里是标签    <span         class="el-tag el-tag--warning tag-margin"         v-for="item in list_label"         @click="GetLabel(item.name)">{{item.name}}    </span></div>

Answer 1

题主你好，按照我的想法。

可以在click时通过indexOf判断，点击的标签是否已在需要显示的标签数组内，假如已经有了，则不再需要添加。否在，push进去，然后渲染需要显示的标签数组即可