在Vue3中,可以在组件的生命周期钩子函数中清除定时器。比如在组件的beforeUnmount钩子函数中清除定时器,代码如下:

import { onBeforeUnmount } from 'vue';

const get_gid = async (val) => {
  gid.value = val;
  await getHaed(gid.value);
  const timerId = setInterval(() => {
    aaaa();
  }, 1000);

  onBeforeUnmount(() => {
    clearInterval(timerId);
  });
};

这样,在组件销毁之前,会自动清除定时器。如果想要手动清除定时器,可以在组件的方法中保存定时器的ID,然后手动清除。

vue3 
const get_gid = async (val) => {
 gid.value = val;
 await getHaed(gid.value);
 setInterval(() => {
 aaaa();
 }, 1000);
};
切换路由时怎么清除这个setInterval

原文地址: http://www.cveoy.top/t/topic/f2d 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录