黑豹程序员-Vue3定时刷新

长安紫薯

已于 2024-02-04 09:46:54 修改

阅读量738

点赞数 1

分类专栏： Vue 黑豹程序员文章标签： vue.js javascript 前端

于 2024-02-02 08:47:43 首次发布

本文链接：https://blog.csdn.net/nutony/article/details/135985704

版权

黑豹程序员同时被 2 个专栏收录

98 篇文章 3 订阅

订阅专栏

Vue

27 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue3应用中使用JavaScript的setInterval函数实现每隔一分钟自动刷新系统通知的功能，并确保在组件卸载时清除定时器以避免内存泄漏。

摘要由CSDN通过智能技术生成

javascript 定时刷新机制

setInterval 函数实现定时刷新

Vue3 代码

//定时刷新系统通知，每个1分钟
const timerId = ref(null)
onMounted(()=>{
  timerId.value = setInterval(()=>{
    loadNotice()
  }, 1000*60)

  loadNotice()      //上面定时器到定时才会执行，先执行一次
})

onBeforeUnmount(()=>{
  clearInterval(timerId.value)    //手动清除定时器，防止内存溢出
})