页面销毁时清除定时器

src/views/hedgeditem/exposure/list/index.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script lang="ts">
-import { ref } from 'vue'
+import { ref, onBeforeUnmount } from 'vue'
 import { queryTableList, MtpTableButton, defineComponent, handleComposeTable } from '@/common/export/commonTable'
 import { Ermcp2AreaExposureReq, Ermcp2AreaExposureRsp } from '@/services/go/ermcp/hedgedItem/interface'
 import { queryErmcp2AreaExposure } from '@/services/go/ermcp/hedgedItem'
@@ -88,6 +88,10 @@ export default defineComponent({
             tableName: 'table_pcweb_hedgeditem_exposure',
         })
 
+        onBeforeUnmount(() => {
+            clearInterval(timer.value)
+        })
+
         return {
             ...composeTable,
             loading,

src/views/hedgeditem/trade/running/index.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script lang="ts">
-import { computed, ref } from 'vue'
+import { computed, ref, onBeforeUnmount } from 'vue'
 import { queryTableList, MtpTableButton, defineAsyncComponent, defineComponent, handleComposeTable } from '@/common/export/commonTable'
 import { getHedgedTypeName } from '@/@next/constants/enum/hedgedType'
 import { Ermcp8RunningHedgeditemReq, Ermcp2HedgedItemRsp, HedgedItemMiddleGoodsList } from '@/services/go/ermcp/hedgedItem/interface'
@@ -195,6 +195,10 @@ export default defineComponent({
         //     return result;
         // })
 
+        onBeforeUnmount(() => {
+            clearInterval(timer.value)
+        })
+
         return {
             ...composeTable,
             //columns,