标签清除

src/components/Course/courseTag.vue

@@ -153,13 +153,7 @@ export default {
     handleTagRemove(tagId) {
       this.selectedTags = this.selectedTags.filter(id => id !== tagId)
       this.$emit('change', this.displayTags)
-      // 清空输入框内容
-      if (this.$refs.tagSelect) {
-        const input = this.$refs.tagSelect.$refs.input
-        if (input) {
-          input.value = ''
-        }
-      }
+      this.clearInput();
     },
     removeTag(tagId) {
       this.handleTagRemove(tagId)
@@ -186,12 +180,12 @@ export default {
       }
       if (!this.searchResults.length && inputVal && this.selectedTags.length < this.maxTags) {
         this.createNewTag(event.target.value.trim())
-        event.target.value = ''
+        this.clearInput();
       } else if (this.selectedTags.length >= this.maxTags) {
         this.$message.warning('最多只能添加5个标签')
-        event.target.value = ''
+        this.clearInput();
       } else {
-        event.target.value = ''
+        this.clearInput();
       }
     },
 
@@ -209,6 +203,10 @@ export default {
       this.previousTags = [...newValues];
       this.$emit('change', this.displayTags);
 
+      this.clearInput();
+    },
+
+    clearInput() {
       if (this.$refs.tagSelect) {
         const input = this.$refs.tagSelect.$refs.input;
         if (input) {