在写个小项目,其中前端页面切换后,之前页面的定时器依然不停的往后台发请求。担心数据库的连接隐患,于是切换页面后,让定时器停止。

 mounted() {this.timeBatch = setInterval(() => {this.pageUpdate();}, 10000);
}destroyed() {clearInterval(this.timeBatch)},

完美实现。

vue定时器切换页面后停止相关推荐

  1. vue 导航切换页面

    vue  导航切换页面 这是我做出来的效果图,点击可以切换页面的 1.里面<router-view></router-view>是路由,/Attention/Attention ...

  2. VUE定时器(页面定时刷新)

    VUE定时器(页面定时刷新) 如果觉得页面上数据刷新缓慢,我们就可以使用vue中的定时器设置时间,五分钟.十分钟刷新一次都行. 一. //创建实例,可以取值,但是拿不到值 created(){} 二. ...

  3. VUE 切换页面后点击按钮没有反应

    问题 昨天线上环境出现了一个页面问题,据当事人称,他当时在这个页面停留了很久,因为吃饭去了,然后回来发现此页面按钮点不了了,除了按钮点不了外没有其他问题,按钮就跟不存在一样 页面因不好对外展示已换成其 ...

  4. vue跳转页面后缓存当前表单内容(keep-alive)

    前言 不知道大家日常有没有遇到这种情况,填写了好一会的表单,跳转了个页面,再次返回的时候,表单已经被清空了,用户体验非常友好,那有没有什么办法可以解决这个问题呢?其实通过 vue 的 keep-ali ...

  5. 解决WIN8输入法切换页面后变英文的问题

    1)添加英文的语言 左键点击输入法图标,在弹出菜单选择"语言首选项",再点击"添加语言",在语言列表,添加"美国英语--美式键盘". 2)修 ...

  6. ArcGIS JS API中切换页面后组件报Tried to register widget with id== but that id is already registered

    由于ArcGIS JavaScript API 基于dojo框架,在dojo中,除了沿用Dom结点, dojo 还自定义了一类结点用"dojoType" 进行标识.dojo 称这些 ...

  7. vue项目关闭页面后重新登录

    import Cookies from 'js-cookie'/*区分关闭和刷新,关闭退出登录 start*/ window.onload = function(){if(!window.sessio ...

  8. jeecgboot:设置为缓存路由,切换页面,保留数据

    在A页面输入数据后,切换到B页面,再回到A页面的时候,刚才输入的数据就丢失了,十分不方便. 解决方案: 在该页面对应的菜单管理里面,设置为缓存路由,切换页面后数据就不会丢失了. 最终效果: 很多网友反 ...

  9. 小程序内使用setInterval()循环执行,退出页面时停止

    正常使用setInterval()时,切换页面后会继续循环,今天碰到了,写下方法 data:{//data里面写一个表示循环的变量intervalinterval: "" }, o ...

最新文章

  1. windows 禁用ipv6服务_在 Windows 7 中禁用IPv6协议/IPv6隧道
  2. oracle 批量读,Oracle批量读取数据和批量绑定
  3. cocos2d-x 中菜单类
  4. 你不知道的《阿里巴巴Java开发手册》背后故事
  5. 关闭Windows 2008下面应用程序出错后的提示
  6. ASR识别(自动语音识别)
  7. java centos7 gcc编码 解决socket通信 汉字乱码
  8. win7如何配置java环境变量_Windows 7系统如何配置Java环境变量?
  9. python中求绝对值的函数_python如何取绝对值 python取绝对值方法
  10. 基于jsp+mysql+java+ssm实验室设备管理系统——计算机毕业设计
  11. 打字测试软件源码 vb,打字测试程序 VB代码
  12. 华为MA5300配置RADIUS认证
  13. mysql identity属性_Mysql中Identity 详细介绍
  14. demo:猜数字小游戏
  15. vue项目中运行项目造成浏览器崩溃
  16. 安卓8.1 AEX5.4 Xposed框架T9拨号移植
  17. GPS 校验和 代码_PSPad editor(代码编辑器)v5.0.4.507绿色版
  18. Java 服务接入「东方通(tongweb)」
  19. Nucleus PLUS简介
  20. Eclipse安装、激活、配置最新版JRebel

热门文章

  1. Melis交叉编译的库在链接时提示:xxx uses VFP register arguments xxx does not
  2. luliyu-python-day13
  3. 通过FPGA实现矩阵的伪逆pinv计算
  4. 19. web 应用常用功能 -文件上传下载
  5. 【STM32G431RBTx】备战蓝桥杯嵌入式→基本模块→LCD
  6. 一入鸿蒙深似海,从此Spring是路人:开篇
  7. 关于fiddler 模拟post请求传递参数需要注意的地方
  8. Nginx官方文档(四十六)【ngx_stream_access_module|ngx_stream_geo_module|ngx_stream_geoip_module】
  9. Google guava工具类库的介绍和使用
  10. DeblurGAN-v2: Deblurring (Orders-of-Magnitude) Faster and Better 图像去模糊