关于vue.js中实现方法内某些代码延时执行


Posted in Javascript onNovember 14, 2019

今天在工作时遇见了某些代码需要延时操作的情况。具体情况为前台grid在执行完增删改操作后需要在增加或者修改弹框点击确定导致弹框消失后,grid内数据能够及时更新以便显示增删改操作后的数据。这里的话使用的是vue.js中的setTimeout函数来解决该问题。

代码如下:

var that = this;
setTimeout(function () {
  that.modifyDialogVisible = false;
  grid.api.reloadData();
},500);

值得注意的是这里在setTimeout函数如果使用到了this,必须在函数外定义一个变量来暂存this。如果不需要使用this,则不用定义。

代码如下:

setTimeout(function () {
        grid.api.reloadData();
      },500);

这里需要说明的是setTimeout函数是将方法体内的代码在其定义的500ms后执行,而不是相反。

以上这篇关于vue.js中实现方法内某些代码延时执行就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
IE7提供XMLHttpRequest对象为兼容
Mar 08 Javascript
jquery nth-child()选择器的简单应用
Jul 10 Javascript
通过DOM脚本去设置样式信息
Sep 19 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
Jun 23 Javascript
详解 javascript中offsetleft属性的用法
Nov 11 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
Dec 13 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
解决webpack无法通过IP地址访问localhost的问题
Feb 22 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
通过vue手动封装on、emit、off的代码详解
May 29 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
用Node写一条配置环境的指令
Nov 14 #Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 #Javascript
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 #Javascript
Jquery让form表单异步提交代码实现
Nov 14 #jQuery
vue之延时刷新实例
Nov 14 #Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 #Javascript
vue自定义正在加载动画的例子
Nov 14 #Javascript
You might like
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
理解JavaScript中的事件
2006/09/23 Javascript
JS 实现完美include载入实现代码
2010/08/05 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
详解vue-cli3使用
2018/08/14 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
python requests使用socks5的例子
2019/07/25 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
校园自助餐厅的创业计划书
2013/12/26 职场文书
员工培训邀请函
2014/01/11 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
死亡赔偿协议书
2015/01/28 职场文书
幼师个人总结范文
2015/02/28 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
nginx基于域名,端口,不同IP的虚拟主机设置的实现
2021/03/31 Servers
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python