fix: 解决组件使用keep-alive缓存后resize还一直在计算的问题

zxj1989 · May 22, 2024 · 5b7f8d4 · 5b7f8d4
1 parent 0bd776a
commit 5b7f8d4
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/datav-vue3/utils/autoResize.ts b/packages/datav-vue3/utils/autoResize.ts
@@ -1,8 +1,9 @@
 import type { Ref } from 'vue'
 import { useDebounceFn, useEventListener } from '@vueuse/core'
-import { nextTick, onMounted, onUnmounted, ref } from 'vue'
+import { nextTick, onActivated, onDeactivated, onMounted, onUnmounted, ref } from 'vue'
 import { observerDomResize } from './index'
-const autoResize = (dom: Ref<HTMLElement | null>, onResize?: () => void, afterAutoResizeMixinInit?: () => void) => {
+
+function autoResize(dom: Ref<HTMLElement | null>, onResize?: () => void, afterAutoResizeMixinInit?: () => void) {
   const width = ref(0)
   const height = ref(0)
 
@@ -65,6 +66,10 @@ const autoResize = (dom: Ref<HTMLElement | null>, onResize?: () => void, afterAu
     unbindDomResizeCallback()
   })
 
+  onActivated(autoResizeMixinInit)
+
+  onDeactivated(unbindDomResizeCallback)
+
   return {
     width,
     height,