diff --git a/src/component/backTop/index.vue b/src/component/backTop/index.vue
index ef2c86a5..7b4efac5 100644
--- a/src/component/backTop/index.vue
+++ b/src/component/backTop/index.vue
@@ -5,7 +5,15 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { ref, shallowRef, withDefaults, computed, onMounted } from "vue";
+import {
+  ref,
+  shallowRef,
+  withDefaults,
+  computed,
+  onMounted,
+  onBeforeUnmount,
+} from "vue";
+import { useThrottle } from "@vueuse/core";
 import LayIcon from "../icon/index";
 import "./index.less";
 
@@ -186,6 +194,13 @@ onMounted(() => {
   scrollTarget.value = getScrollTarget();
   scrollTarget.value.addEventListener("scroll", throttle(handleScroll, 300));
 });
+
+onBeforeUnmount(() => {
+  scrollTarget.value?.removeEventListener(
+    "scroll",
+    throttle(handleScroll, 300)
+  );
+});
 </script>
 
 <template>