소스 검색

fix: 新增【屏幕监听】卸载函数

MTrun 4 년 전
부모
커밋
6e0d2bbac0
2개의 변경된 파일8개의 추가작업 그리고 1개의 파일을 삭제
  1. 6 0
      src/utils/useDraw.ts
  2. 2 1
      src/views/index/index.vue

+ 6 - 0
src/utils/useDraw.ts

@@ -46,9 +46,15 @@ export default function useDraw() {
     window.addEventListener('resize', resize)
   }
 
+  // 改变窗口大小重新绘制
+  const unWindowDraw = () => {
+    window.removeEventListener('resize', resize)
+  }
+
   return {
     appRef,
     calcRate,
     windowDraw,
+    unWindowDraw
   }
 }

+ 2 - 1
src/views/index/index.vue

@@ -133,7 +133,7 @@ export default defineComponent({
       dateWeek: ''
     })
     // * 适配处理
-    const { appRef, calcRate, windowDraw } = useDraw()
+    const { appRef, calcRate, windowDraw, unWindowDraw } = useDraw()
     // 生命周期
     onMounted(() => {
       cancelLoading()
@@ -144,6 +144,7 @@ export default defineComponent({
     })
 
     onBeforeUnmount(() => {
+      unWindowDraw()
       clearInterval(timeInfo.setInterval)
     })