vue3 setup语法糖下的定时器的使用与销毁

如果在组件中需要使用定时器,注意在销毁组件的时候,要对定时器进行销毁,否则时间长了会导致页面卡顿。

<script setup>
onMounted(() => {
    
    
  let timer = null;
//每5s刷新数据
  timer = setInterval(() => {
    
    
    getAmount();
  }, 5000);
})

onBeforeUnmount(() => {
    
    
  clearInterval(timer)
  timer = null;
})
</script>

猜你喜欢

转载自blog.csdn.net/qq_41867900/article/details/126364909