uniapp 与 vue 定时器 注册 与 注销
需求: 一些特定场景需要数据实时加载数据 请求接口
问题 单独的页面使用定时器 跳转到其他页面定时器还在工作 导致页面刷新或下次再进入当前页面又注册了一次定时器 这时候就会有多个定时器一起工作 消耗功效
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 定时器 注册 与 注销相关推荐
- div旋转 vue_详细解析:uniapp项目|vue组件形式实现的水珠晃动loading纯CSS动效
前言 上一篇文件给大家分享了一个颇具科技感的loading动效,[→传送门]这篇文章,小凡再来跟大家分享一个很酷的水珠晃动loading动效,依然是纯CSS实现的哦! 一.效果展示及思路分析 1.效果 ...
- Vue实战篇一: 使用Vue搭建注册登录界面
系列文章目录 Vue基础篇一:编写第一个Vue程序 Vue基础篇二:Vue组件的核心概念 Vue基础篇三:Vue的计算属性与侦听器 Vue基础篇四:Vue的生命周期(秒杀案例实战) Vue基础篇五:V ...
- android 注册动态广播 注销_Android学习笔记(十一)BroadcastReceiver动态注册、注销示例...
在上一篇博文中简单介绍了一下BroadcastReceiver的相关知识点,本篇举一个在代码中动态的注册.注销BroadcastReceiver的栗子. 1.首先创建一个MyReceiver并继承Br ...
- uniapp、vue,vuex中state改变,getters不动态改变的完美解决方案!
uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! 参考文章: (1)uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! ( ...
- linux网络设备驱动结构体,Linux网络设备驱动之设备驱动的注册与注销(二)
网络设备驱动的注册与注销由 register_netdev( ) 和 unregister_netdev( ) 函数完成,这两个函数的原型为: int register_netdev(struct n ...
- uni-app 使用vue的语法+小程序的标签和API。
开发规范 为了实现多端兼容,综合考虑编译速度.运行性能等因素,uni-app 约定了如下开发规范: 页面文件遵循 Vue 单文件组件 (SFC) 规范 组件标签靠近小程序规范,详见uni-app 组件 ...
- [vue] EventBus注册在全局上时,路由切换时会重复触发事件,如何解决呢?
[vue] EventBus注册在全局上时,路由切换时会重复触发事件,如何解决呢? 建议在created里注册,在beforeDestory移出 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃 ...
- python django 快速实现注册,登录,注销
临近年底,各种忙,好久没更新博客了,2017春节假期在即,距下班还有2小时,难得闲下来,来撸一手django简单的web注册,登录,注销. 环 境:centos 6.4 64bit python ...
- Android 广播接收器注册与注销源码分析
注册广播接收器 Android系统的广播机制是一种消息订阅/发布机制,因此,使用这种消息驱动模型的第一步便是订阅消息:而对Android应用程序来说,订阅消息其实就是注册广播接收器.在Android的 ...
最新文章
- Anchor Boxes示例实战
- 迪米特法则(Law of Demeter) 简介
- Android使用READ_CONTACTS读取手机联系人
- OpenCV中直方图均衡化
- SpringMVC 异常记录
- Echarts:Vue3中使用Echarts
- windows 8授权概览
- android qq群加群代码,QQ群一键强制加群API源代码
- ES6新语法-day02
- 创建Date对象的几种方式
- 申论公文题-评论类-1
- 如何解决win8.1系统开机提示sgtool.exe损坏
- 实现简易的 Vue 响应式
- 浅谈软件工程中的“原型开发”
- Mac蒲公英sh脚本上传app
- 单向可控硅和双向可控硅的详细介绍(含引脚的分辨)
- getopt.h和getopt(),getopt_long()等函数
- 怎么搭建直播平台,直播环境搭建该怎样做?
- 【Vivado那些事儿】Vivado环境一览
- 基于Python+django的 古诗词在线学习网站-计算机毕业设计
热门文章
- 程序员慎买日版的笔记本和键盘
- 易优cms 安装常见问题汇总 Eyoucms快速入门
- ajax 代码 查询股票联想,Ajax-hook获取秒级股票详细数据
- vscode 英伟达tk1_【Codecs系列】之NVIDIA Jetson TX1简介
- 苏姿丰承认:PC真的不行了;马斯克:我被推特骗了;周鸿祎称微软抄袭 360 安全模式后发文否认​ | EA周报...
- 记录项目中使用过的样式
- 拍照翻译软件哪个好用?3个拍照翻译软件推
- 爬虫python漏洞群_python爬虫 之 wooyun公开漏洞
- 爬虫技术浅析 | WooYun知识库
- mysql只读库的数据同步_mysql只读模式下数据迁移,保证数据一致性