添加判断标签是否存在的代码

src/view/memberGroup/tags-group-list.vue

 <template>
   <div class="m-l-60">
     <tags-group
-      v-for="(item, index) in selectedTagData"
+      v-for="(item, index) in selectedTagsData"
       :key="index"
       :tagsData="item"
-      :showTagsRelation="(index === 0 && selectedTagData.length > 1) || (index === 1 && selectedTagData.length > 2)"
+      :showTagsRelation="(index === 0 && selectedTagsData.length > 1) || (index === 1 && selectedTagsData.length > 2)"
       :tagsGroupIndex="index"
       tagsRelation="or"
       :showAddMenu="true"
@@ -16,7 +16,7 @@
       @changeTagsGroupRelation="changeTagsGroupRelation"
       @checkTagsGroup="checkTagsGroup"
     />
-    <el-button class="m-t-10 w-548 el-icon-plus color-blue" v-show="selectedTagData.length < 3" @click="addTagsGroup">
+    <el-button class="m-t-10 w-548 el-icon-plus color-blue" v-show="selectedTagsData.length < 3" @click="addTagsGroup">
       &nbsp;&nbsp;添加
     </el-button>
     <!-- 添加标签 -->
@@ -70,7 +70,7 @@ import { getMemberTagCount } from '@/request/memberGroup.js';
 export default {
   name: 'tags-detail',
   props: {
-    selectedTagData: Array
+    selectedTagsData: Array
   },
   components: {
     tagsGroup,
@@ -96,27 +96,29 @@ export default {
   methods: {
     // 添加一个标签组，最多只能有3个标签组
     addTagsGroup() {
-      this.selectedTagData.length < 3 && this.selectedTagData.push([]);
-      this.activeTagsGroup = this.selectedTagData.length - 1;
+      this.selectedTagsData.length < 3 && this.selectedTagsData.push([]);
+      this.activeTagsGroup = this.selectedTagsData.length - 1;
     },
     // 删除一个标签组
     delTagsGroup(data) {
-      this.selectedTagData.splice(data.tagsGroupIndex, 1);
+      this.selectedTagsData.splice(data.tagsGroupIndex, 1);
       this.activeTagsGroup = 0;
     },
     // 添加标签
     addTags(data) {
+      // 添加之前先判断已选中的标签中是否存在即将添加的标签
       this.activeTagsGroup = data.tagsGroupIndex;
       this.showAddTagPop = true;
     },
     // 删除标签
     delTags(data) {
-      this.selectedTagData[data.tagsGroupIndex].splice(data.tagIndex, 1);
+      this.selectedTagsData[data.tagsGroupIndex].splice(data.tagIndex, 1);
       this.activeTagsGroup = data.tagsGroupIndex;
     },
     // 编辑一个标签
     editTags(data) {
-      this.selectedTagData[data.tagsGroupIndex].splice(data.tagIndex, 1, data.tagData);
+      // 保存之前先判断已选中的标签中是否存在即将添加的标签
+      this.selectedTagsData[data.tagsGroupIndex].splice(data.tagIndex, 1, data.tagData);
       this.activeTagsGroup = data.tagsGroupIndex;
     },
     // 修改两个标签组之间的关系
@@ -200,6 +202,12 @@ export default {
     handleCurrentChange(val) {
       this.pageNum = val;
       this.getTagsGroupList();
+    },
+    // 判断已选中的标签中是否存在将要添加的标签
+    isSelected(tagData) {
+      return this.selectedTagsData.some(tagsGroup => {
+        return tagsGroup.some(el => el.tagId === tagData.tagId);
+      });
     }
   },
   mounted() {