diff --git a/arco-design-pro-vite/src/components/tab-bar/index.vue b/arco-design-pro-vite/src/components/tab-bar/index.vue
index 02ca369..9e95054 100644
--- a/arco-design-pro-vite/src/components/tab-bar/index.vue
+++ b/arco-design-pro-vite/src/components/tab-bar/index.vue
@@ -19,9 +19,9 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, computed, watch } from 'vue';
+  import { ref, computed, watch, onUnmounted } from 'vue';
   import type { RouteLocationNormalized } from 'vue-router';
-  import { listenerRouteChange } from '@/utils/route-listener';
+  import { listenerRouteChange, removeRouteListener } from '@/utils/route-listener';
   import { useAppStore, useTabBarStore } from '@/store';
   import tabItem from './tab-item.vue';
 
@@ -50,6 +50,10 @@
       tabBarStore.updateTabList(route);
     }
   }, true);
+
+  onUnmounted(() => {
+    removeRouteListener();
+  });
 </script>
 
 <style scoped lang="less">