需求: 一些特定场景需要数据实时加载数据 请求接口
问题 单独的页面使用定时器 跳转到其他页面定时器还在工作 导致页面刷新或下次再进入当前页面又注册了一次定时器 这时候就会有多个定时器一起工作 消耗功效

uniapp的使用

data里面初始化一个定时器参数
dataTime = null;
dataType = 0;
methods:{onlineGET(){ let that = this;this.dataTime = setInterval(()=>{if(that.dataType == 1){     //双重保险clearInterval(that .dataTime);that .dataTime = null;}console.log('逻辑代码')},1000)}
}onshow(){ this.dataType = 0;if(this.dataTime){     //每次进来初始化一下clearInterval(this.dataTime);this.dataTime = null;};this.onlineGET();
}onUnload(){ //离开页面卸载this.dataType = 1;if(this.dataTime){     //每次进来初始化一下clearInterval(this.dataTime);this.dataTime = null;};
}

vue

dataTime:null;methods:{onlineGET(){ let that = this;this.dataTime = setInterval(()=>{console.log('逻辑代码')},1000)}
}created(){     //vue注册页面if(this.dataTime){clearInterval(this.dataTime);this.dataTime= '';}this.onlineGET();
}destroyed(){   //vue离开当前页面clearInterval(this.dataTime);this.dataTime= '';
}

uniapp 与 vue 定时器 注册 与 注销相关推荐

  1. div旋转 vue_详细解析:uniapp项目|vue组件形式实现的水珠晃动loading纯CSS动效

    前言 上一篇文件给大家分享了一个颇具科技感的loading动效,[→传送门]这篇文章,小凡再来跟大家分享一个很酷的水珠晃动loading动效,依然是纯CSS实现的哦! 一.效果展示及思路分析 1.效果 ...

  2. Vue实战篇一: 使用Vue搭建注册登录界面

    系列文章目录 Vue基础篇一:编写第一个Vue程序 Vue基础篇二:Vue组件的核心概念 Vue基础篇三:Vue的计算属性与侦听器 Vue基础篇四:Vue的生命周期(秒杀案例实战) Vue基础篇五:V ...

  3. android 注册动态广播 注销_Android学习笔记(十一)BroadcastReceiver动态注册、注销示例...

    在上一篇博文中简单介绍了一下BroadcastReceiver的相关知识点,本篇举一个在代码中动态的注册.注销BroadcastReceiver的栗子. 1.首先创建一个MyReceiver并继承Br ...

  4. uniapp、vue,vuex中state改变,getters不动态改变的完美解决方案!

    uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! 参考文章: (1)uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! ( ...

  5. linux网络设备驱动结构体,Linux网络设备驱动之设备驱动的注册与注销(二)

    网络设备驱动的注册与注销由 register_netdev( ) 和 unregister_netdev( ) 函数完成,这两个函数的原型为: int register_netdev(struct n ...

  6. uni-app 使用vue的语法+小程序的标签和API。

    开发规范 为了实现多端兼容,综合考虑编译速度.运行性能等因素,uni-app 约定了如下开发规范: 页面文件遵循 Vue 单文件组件 (SFC) 规范 组件标签靠近小程序规范,详见uni-app 组件 ...

  7. [vue] EventBus注册在全局上时,路由切换时会重复触发事件,如何解决呢?

    [vue] EventBus注册在全局上时,路由切换时会重复触发事件,如何解决呢? 建议在created里注册,在beforeDestory移出 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃 ...

  8. python django 快速实现注册,登录,注销

    临近年底,各种忙,好久没更新博客了,2017春节假期在即,距下班还有2小时,难得闲下来,来撸一手django简单的web注册,登录,注销. 环   境:centos 6.4 64bit python ...

  9. Android 广播接收器注册与注销源码分析

    注册广播接收器 Android系统的广播机制是一种消息订阅/发布机制,因此,使用这种消息驱动模型的第一步便是订阅消息:而对Android应用程序来说,订阅消息其实就是注册广播接收器.在Android的 ...

最新文章

  1. Anchor Boxes示例实战
  2. 迪米特法则(Law of Demeter) 简介
  3. Android使用READ_CONTACTS读取手机联系人
  4. OpenCV中直方图均衡化
  5. SpringMVC 异常记录
  6. Echarts:Vue3中使用Echarts
  7. windows 8授权概览
  8. android qq群加群代码,QQ群一键强制加群API源代码
  9. ES6新语法-day02
  10. 创建Date对象的几种方式
  11. 申论公文题-评论类-1
  12. 如何解决win8.1系统开机提示sgtool.exe损坏
  13. 实现简易的 Vue 响应式
  14. 浅谈软件工程中的“原型开发”
  15. Mac蒲公英sh脚本上传app
  16. 单向可控硅和双向可控硅的详细介绍(含引脚的分辨)
  17. getopt.h和getopt(),getopt_long()等函数
  18. 怎么搭建直播平台,直播环境搭建该怎样做?
  19. 【Vivado那些事儿】Vivado环境一览
  20. 基于Python+django的 古诗词在线学习网站-计算机毕业设计

热门文章

  1. 程序员慎买日版的笔记本和键盘
  2. 易优cms 安装常见问题汇总 Eyoucms快速入门
  3. ajax 代码 查询股票联想,Ajax-hook获取秒级股票详细数据
  4. vscode 英伟达tk1_【Codecs系列】之NVIDIA Jetson TX1简介
  5. 苏姿丰承认:PC真的不行了;马斯克:我被推特骗了;周鸿祎称微软抄袭 360 安全模式后发文否认​ | EA周报...
  6. 记录项目中使用过的样式
  7. 拍照翻译软件哪个好用?3个拍照翻译软件推
  8. 爬虫python漏洞群_python爬虫 之 wooyun公开漏洞
  9. 爬虫技术浅析 | WooYun知识库
  10. mysql只读库的数据同步_mysql只读模式下数据迁移,保证数据一致性