当前位置: 首页 > article >正文

10、假如A⻚⾯我定义了⼀个定时器,然后跳到B⻚⾯如果让A⻚⾯的定时器暂停?

vue.

 组件卸载时,使用 onUnmounted 钩子函数清除 setInterval,避免内存泄漏。

<template>
    <div ref="boxRef" @click="setContent">{{ content }}</div>
    <router-link to="/operationBoard">operationBoard</router-link>
</template>
<script setup>
import { nextTick, onMounted, onUnmounted, ref, } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();
const interval=ref();
onMounted(()=>{
    interval.value=setInterval(()=>{
        console.log(111);
    },1000)
})
onUnmounted(()=>{
    clearInterval(interval.value);
    interval.value=null;

})
</script>


http://www.kler.cn/a/572963.html

相关文章:

  • OpenHarmony4.1-轻量与小型系统ubuntu开发环境
  • SQLite Having 子句详解
  • 2017年蓝桥杯第八届CC++大学B组真题及代码
  • 【ThreeJS Basics 1-6】Camera
  • 智慧农业平台与 DeepSeek 大模型的深度融合
  • ES中数据刷新策略refresh
  • 【Flask与Echarts结合的Web开发与数据可视化项目】
  • PHP之Cookie和Session
  • 【C语言】数组篇
  • AI提示语-前端开发
  • deepseek在pycharm 中的配置和简单应用
  • 基于遗传算法的无人机三维路径规划仿真步骤详解
  • 代码随想录算法训练营第五十七天| 图论03
  • 《基于 LIME 的低照度图像处理》开题报告
  • 备份docker下的mysql的表结构,视图,函数 以及 指定表的数据
  • 【代码分享】基于IRM和RRT*的无人机路径规划方法详解与Matlab实现
  • 阿里云 linux centos7安装nacos
  • GitLab Pages 托管静态网站
  • 试过了,多模态大模型Qwen/Qwen2.5-VL-3B-Instruct需要21G显存,我还是太天真啊!
  • 【Azure 架构师学习笔记】- Azure Databricks (15) --Delta Lake 和Data Lake