html 取消settimeout,vue中setTimeout无法通过clearTimeout清除问题
在异步清除中，利用vue 中data存放setTimeout的标识进行清除时，无法清除。则需要在函数前加上window.即可
如window.setTimeout与window.clearTimeout
具体代码如下
精简后的代码。
环境为electron-vue 渲染进程异步获取主进程上html并渲染到页面、过程中需要有loading的显示。
setTimeout 与clearTimeout 未加window时，this.timeOutLoading事件总会被触发。
const {ipcRenderer:ipc} = require('electron');
export default {
data(){
return{
activeName: 'second',
html:'',
loading:false,
timeOutLoading:0
}
},
methods:{
handleClick(tab, event) {
if(tab.name == 'first' && this.loading == false){
if(this.timeOutLoading != 0){
window.clearTimeout(this.timeOutLoading);
}
this.html = "
";
this.loading = true;
this.timeOutLoading = window.setTimeout(() => {
if(this.loading == true){
this.loading = false;
this.html = "
";
}
}, 3000);
window.setTimeout(() => {
ipc.send("getPage");
}, 500);
}
}
},
mounted(){
ipc.on('getPage-reply', (event, arg) => {
if(this.timeOutLoading != 0){
window.clearTimeout(this.timeOutLoading);
this.timeOutLoading = 0;
}
this.loading = false;
this.html = arg;
});
}
}
html 取消settimeout,vue中setTimeout无法通过clearTimeout清除问题相关推荐
- js vue中setTimeout无法通过clearTimeout清除问题
js vue中setTimeout无法通过clearTimeout清除问题 在异步清除中,利用vue 中data存放setTimeout的标识进行清除时,无法清除.则需要在函数前加上window.即可 ...
- VUE中clearTimeout失效问题
研究了很久以为是自己代码的问题结果是VUE封装了setTimeout 在VUE中setTimeout返回一个对象,对象含有**_id**属性,将_id作为参数执行clearTimeout即可生效. / ...
- vue中使用setTimeout
在vue的函数中使用setTimeout self.distroyTimeout = setTimeout(()=>{self.initData()},1000) 这时清除setTimeout需 ...
- setTimeout在vue中的正确使用
笔者最近因为公司需求开发使用vue和jquery开发抓娃娃H5极简小游戏,使用到setTimeout函数.遇到了1个坑: 在vue的某个方法(点击后执行) setTimeout(this.end(), ...
- js中setTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法
setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTi ...
- Vue之SetTimeout
1.前言 相信很多人都遇到过这样的问题,页面数据需要不断的刷新,也就是不断的发送ajax请求来更新数据,那么在vue中怎样做才比较好呢?这里介绍一下我踩的坑,以及解决方案 2.问题 settimeou ...
- JS中setTimeout()的使用方法具体解释
1. SetTimeOut() 1.1 SetTimeOut()语法样例 1.2 用SetTimeOut()运行Function ...
- javascript中setTimeout()函数
javascript中setTimeout()函数 大家都知道javascript中的setTimeput()函数的作用,一般会用他来处理一些连续的事情,们先看一个例子: <head> ...
- 对象不支持属性或方法dbzz.html,JavaScript 中 setTimeout()的用法 ZZ
第一篇 setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) s ...
最新文章
- Yolo模型部署的两种方法
- onmouseover和onmouseout在Repeater控件中应用
- 为什么密码比字符串更喜欢char []？
- 调制的缺点_什么限制了光模块内调制的性能？
- mvc html.hidden,MVC Html.HiddenFor在一个循环传递模型回控制器
- 【控制】如何入门现代控制理论
- PMCAFF微课堂 | 奇酷运营总监类类教你如何利用金字塔模型提高用户忠诚度
- 函数调用规范__cdecl和__stdcall的区别
- 资料下载丨“十四五”数据库发展趋势与挑战-CCF数据库专委会
- OpenCV Mat 类型定义和赋值
- Python网络框架——Web服务器
- 【开发日常】手动安装fastboot驱动(开发板连不上minitool)
- jQuery 梁桐老师笔记 - 选择器
- 注册一个北京公司可以申请办理京牌吗，好申请吗？
- 分享《Essential Linux Device Drivers》中文版高清电子版
- 十个优质编程网站，程序员们赶紧看过来！
- 【批处理DOS-CMD命令-汇总和小结】-上网和网络通信相关命令-用户账户管理-文件（夹）共享（net）
- 瓷砖铺贴方法_5种常见的瓷砖铺贴及施工方法
- 数组：605.种花问题
- mysql stdistance_C#开发SQLServer的Geometry和Geography存储