需求:当前页面的部分数据定时刷新,例如,当前页的操作按钮影响表格数据。
需要考虑到的问题:定时器在什么时候能开启及时,关闭及时。
方法:使用VueUse中的useIntervalFn实现
使用:
1.安装
npm i @vueuse/core 或者 yarn add @vueuse/core
2.使用
import { useIntervalFn } from '@vueuse/core'
详细用法:
小插曲:首次看需求,用了watch监听数据变化来调用或清除定时器,但在监听的期间,组件切换会导致改方法失效,因此选择了这个方法,效果挺好。大家还有什么高见,欢迎留言呀~