技术栈

vue3进入界面,离开界面,定时

大得3692023-08-31 15:45
复制代码
进入界面执行
onMounted(() => {
	times();
});



const timer = ref();
//2秒一次
function times(){
	timer.value = setInterval( () => {
	    select_time();
	}, 2000)
}
//离开界面
onUnmounted(() => {
    // 每次离开当前界面时,清除定时器
	clearInterval(timer.value)
	timer.value = null
})
//查询
function select_time(){
	console.log(123456)
}
上一篇:华为 连接OSPF和RIP网络---OSPF和RIP网络相互引入
下一篇:再出发,写了本书
相关推荐
OpenTiny社区
19 分钟前
这次更新太良心!GenUI SDK v1.2.0 轻量化 + 稳流式 + 超强 Playground
前端·vue.js·ai编程
秃头网友小李
1 小时前
前端难点:Element Plus 样式覆盖 —— :deep()、CSS 变量与滚动状态类名
前端·vue.js
英勇无比的消炎药
4 小时前
吃透 Sender 交互逻辑:提交快捷键事件与方法实战运用
vue.js
Agatha方艺璇
5 小时前
VUE复习笔记
前端·vue.js
chushiyunen
6 小时前
vue el-pagination实现分页
javascript·vue.js·elementui
wanger61
7 小时前
Vue学习笔记
前端·javascript·vue.js
阿猫的故乡
7 小时前
Vue动态组件+异步组件实战:Tab切换、按需加载、KeepAlive缓存,一次搞定
前端·vue.js·缓存
阿猫的故乡
7 小时前
Vue3自定义插件:封装一个全局消息提示插件,所有组件都能直接用
前端·javascript·vue.js
用户8313485930698
7 小时前
Cesium实现实时联动鹰眼缩略图
vue.js·cesium
热门推荐
012026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04HTTP 与 HTTPS 的区别:从原理到实战详解05【AI】2026 年具身智能模型和世界模型总结06GitHub 镜像站点07上线仅72小时被强制下架:Claude Fable 5 的短命08AI科技热点日报 | 2026年6月1日09Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析10《置身钉内》原文-可播放阅读