• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

在vue中使用定时器setTimeout、setInterval的心得

vue 海叔叔 4小时前 3次浏览 已收录 0个评论

最近在做一个数据可视化的项目,其中就不得不考虑数据项定时刷新功能了。
所以就在我们的vue项目中使用了定时器。

1、在vue中,有两套定时器,一套是浏览器API,window对象上的;另一套就是vue/nodejs封装的,需要引入

建议使用window对象自带的,因为不容易错。
如果一不小心只引入一个,就怎么也清不掉了。

2、即使是使用了箭头函数,你也会发现定时器内部的this还是指向windows。
则是因为我们写的setInterval其实是window.setInterval的简写。
建议定时器内部的代码封装成函数放到methood中去。

3、一定要在beforeDestroy中清除定时器。


喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址