关于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 相关文章推荐
js 页面输出值
Nov 30 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
iframe的父子窗口之间的对象相互调用基本用法
Sep 03 Javascript
setInterval计时器不准的问题解决方法
May 08 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
js实现旋转木马效果
Mar 17 Javascript
Jquery的Ajax技术使用方法
Jan 21 jQuery
vue生命周期与钩子函数简单示例
Mar 13 Javascript
Cordova(ionic)项目实现双击返回键退出应用
Sep 17 Javascript
js实现二级联动简单实例
Jan 11 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
EXTJS7实现点击拖拉选择文本
Dec 17 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实现向javascript传递数组的方法
2015/07/27 PHP
phalcon框架使用指南
2016/02/23 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
php ZipArchive实现多文件打包下载实例
2019/10/31 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
angular.js分页代码的实例
2016/07/27 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
JavaScript实现弹出广告功能
2017/03/30 Javascript
JS去掉字符串中所有的逗号
2017/10/18 Javascript
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
[43:47]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第一场 12.09
2020/12/11 DOTA
[59:00]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第一场 3月7日
2021/03/11 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
Python标准异常和异常处理详解
2015/02/02 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
python3中rank函数的用法
2019/11/27 Python
Pytorch中.new()的作用详解
2020/02/18 Python
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
办公室年终个人自我评价
2013/10/28 职场文书
yy结婚证婚词
2014/01/10 职场文书
实习评语大全
2014/04/26 职场文书
市场调查策划方案
2014/06/10 职场文书
竞选班干部演讲稿400字
2014/08/20 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
考察邀请函范文
2015/01/31 职场文书
法律讲堂观后感
2015/06/11 职场文书
靠谱准确的求职信
2019/04/02 职场文书
mysql的数据压缩性能对比详情
2021/11/07 MySQL