From 66db30b47d5afca69a4804f4c127ab4e4e8724fc Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Sat, 12 Oct 2024 00:06:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD2=EF=BC=9A?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2tab=E4=BF=9D=E6=8C=81=E8=81=9A=E7=84=A6?=
 =?UTF-8?q?=EF=BC=8C=E6=98=BE=E7=A4=BA=E6=B8=85=E9=99=A4=E5=B0=8F=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/SearchBox.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/common/SearchBox.vue b/src/components/common/SearchBox.vue
index 33591f8..a60e36e 100644
--- a/src/components/common/SearchBox.vue
+++ b/src/components/common/SearchBox.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, nextTick } from 'vue'
+import { ref, computed, nextTick, watch } from 'vue'
 import { Search } from '@element-plus/icons-vue'
 
 const inputRef = ref()
@@ -29,6 +29,12 @@ const onOpen = () => {
     inputRef.value?.focus()
   })
 }
+
+watch(searchTabAcitve, () => {
+  nextTick(() => {
+    inputRef.value?.focus()
+  })
+})
 </script>
 
 <template>
@@ -46,7 +52,7 @@ const onOpen = () => {
       @open="onOpen"
     >
       <template #header>
-        <el-input ref="inputRef" v-model="searchValue">
+        <el-input ref="inputRef" v-model="searchValue" :clearable="true">
           <template #prefix>
             <el-icon><search /></el-icon>
             <span v-if="tabTipsContent" class="tab-tips">{{ tabTipsContent }}</span>