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

复制代码
进入界面执行
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)
}
相关推荐
Shi_haoliu5 分钟前
Vue2 + Office Add-in关于用vue项目于加载项控制excel单元格内容(Demo版)
前端·javascript·vue.js·node.js·html·excel·office
计算机毕业设计木哥30 分钟前
计算机毕业设计选题推荐:基于SpringBoot和Vue的爱心公益网站
java·开发语言·vue.js·spring boot·后端·课程设计
知识分享小能手7 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
MC丶科8 小时前
【SpringBoot 快速上手实战系列】5 分钟用 Spring Boot 搭建一个用户管理系统(含前后端分离)!新手也能一次跑通!
java·vue.js·spring boot·后端
90后的晨仔10 小时前
Pinia 状态管理原理与实战全解析
前端·vue.js
90后的晨仔10 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔11 小时前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js
我胡为喜呀11 小时前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js
Sheldon一蓑烟雨任平生14 小时前
Vue3 列表渲染
vue.js·vue3·v-for·列表渲染·vue3 列表渲染·v-for 循环对象·v-for与计算属性
鹿鹿鹿鹿isNotDefined15 小时前
Pixelium Design:Vue3 的像素风 UI 组件库
前端·javascript·vue.js