vue3定时器的清除
两个思路
1，通过vue的生命周期函数
这里我们用 onBeforeUnmount 实例卸载之前被调用的生命周期函数
-
//引入生命周期函数 import { onBeforeUnmount } from 'vue' state.timer //定义变量，保存实例 state.timer = setInterval(() => { // 逻辑代码 }, 60000) }) //清除 onBeforeUnmount(() => { clearInterval(state.timer) state.timer = null })
2.通过路由变化使用watch去监听
// 引入路由 和 watch 侦听器
import { useRoute } from "vue-router"
import { watch} from "vue"
const route = useRoute()
watch(
() => route ,
newVal => {
//这里的判断条件按实际需求填写
if (newVal) {
// 清除定时器
clearInterval(state.timer)
state.timer = null
}
},
{ deep: true }
)