瀏覽代碼

【增加】Image 列表组件取消挂在 销毁定时刷

cherishsince 1 年之前
父節點
當前提交
520244eea9
共有 1 個文件被更改,包括 8 次插入4 次删除
  1. 8 4
      src/views/ai/image/ImageTask.vue

+ 8 - 4
src/views/ai/image/ImageTask.vue

@@ -87,9 +87,10 @@ const downloadImage = async (imageUrl) => {
   }
 }
 
-//
+/** 暴露组件方法 */
 defineExpose({getImageList})
-//
+
+/** 组件挂在的时候 */
 onMounted(async () => {
   // 获取 image 列表
   await getImageList()
@@ -98,9 +99,12 @@ onMounted(async () => {
     await getImageList()
   }, 1000 * 20)
 })
-//
-onUnmounted(async () => {
 
+/** 组件取消挂在的时候 */
+onUnmounted(async () => {
+  if (imageListInterval.value) {
+    clearInterval(imageListInterval.value)
+  }
 })
 </script>