fix: 🐛 修复LockScroll后切换页面无法滚动 (#478)

✅ Closes: #473
Moonofweisheng · Aug 1, 2024 · 197d61a · 197d61a
1 parent 84826f8
commit 197d61a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/uni_modules/wot-design-uni/components/composables/useLockScroll.ts b/src/uni_modules/wot-design-uni/components/composables/useLockScroll.ts
@@ -1,4 +1,4 @@
-import { ref, watch } from 'vue'
+import { onBeforeUnmount, onDeactivated, ref, watch } from 'vue'
 
 function useLockScroll(shouldLock: () => boolean) {
   const scrollLockCount = ref(0)
@@ -19,10 +19,17 @@ function useLockScroll(shouldLock: () => boolean) {
     }
   }
 
+  const destroy = () => {
+    shouldLock() && unlock()
+  }
+
   watch(shouldLock, (value) => {
     value ? lock() : unlock()
   })
 
+  onDeactivated(destroy)
+  onBeforeUnmount(destroy)
+
   return {
     lock,
     unlock