在线标签交互

src/components/Course/courseTag.vue

@@ -191,6 +191,14 @@ export default {
 
     // 新增：处理选择变化事件
     handleSelectionChange(newValues) {
+
+      // 检查每个标签对象是否完整
+      newValues.forEach((tag, index) => {
+        if (!tag.tagName) {
+          console.error(`第${index}个标签缺少tagName:`, tag);
+        }
+      });
+
       // 检查数量限制
       if (newValues.length > this.maxTags) {
         this.$message.warning(`最多只能选择${this.maxTags}个标签`);
@@ -255,10 +263,22 @@ export default {
         }
         const {result:newTag} = await apiCourseTag.createTag(this.params)
         this.$message.success('标签创建成功',newTag);
-        this.searchResults.push(newTag)
-        console.log("----------newTag---------->",this.searchResults)
+
+        this.selectedTags = [...this.selectedTags, newTag];
+        // 更新搜索结果的逻辑保持不变
+        this.searchResults = [newTag, ...this.searchResults];
         this.tagMap.set(newTag.id, newTag)
         this.$emit('change', this.displayTags)
+
+        this.$nextTick(() => {
+          // 强制重新设置selectedTags来触发更新
+          const tempTags = [...this.selectedTags];
+          this.selectedTags = [];
+          this.$nextTick(() => {
+            this.selectedTags = tempTags;
+          });
+          this.$refs.tagSelect.visible = false;
+        });
       } finally {
         this.loading = false
       }
@@ -273,10 +293,10 @@ export default {
       console.log("---- doSearch ------ query = " + query )
       this.loading = true
       try {
-          // 获取 typeId：取 sysTypeList 最后一个有效的值
+        // 获取 typeId：取 sysTypeList 最后一个有效的值
         const typeId =  this.sysTypeList.length > 2 ? this.sysTypeList[2] :
-                        this.sysTypeList.length > 1 ? this.sysTypeList[1] :
-                        this.sysTypeList.length > 0 ? this.sysTypeList[0] : null;
+          this.sysTypeList.length > 1 ? this.sysTypeList[1] :
+            this.sysTypeList.length > 0 ? this.sysTypeList[0] : null;
         console.log("---- doSearch searchTags ------ query = " + query + " , typeId = " + typeId )
         const {result:tags} = await apiCourseTag.searchTags({tagName:query,typeId:typeId})
         console.log("-- searchTags 查询结果 tags = " + tags )