关于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 相关文章推荐
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
JavaScript中的Math 使用介绍
Apr 21 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
解决JavaScript数字精度丢失问题的方法
Dec 03 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
Jan 24 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
Node.js学习之查询字符串解析querystring详解
Sep 28 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
Nov 03 Javascript
Node.js成为Web应用开发最佳选择的原因
Feb 05 Javascript
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 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
一个目录遍历函数
2006/10/09 PHP
PHP添加MySQL数据记录代码
2008/06/07 PHP
php session 预定义数组
2009/03/16 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
使用PHP编写发红包程序
2015/07/22 PHP
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
2010/01/22 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
2014/01/16 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
Web前端框架bootstrap实战【第一次接触使用】
2016/12/28 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
[04:05]TI9战队采访 - Natus Vincere
2019/08/22 DOTA
python实现一次创建多级目录的方法
2015/05/15 Python
使用Python的Tornado框架实现一个Web端图书展示页面
2016/07/11 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
Python自定义线程池实现方法分析
2018/02/07 Python
pandas string转dataframe的方法
2018/04/11 Python
Python多线程正确用法实例解析
2020/05/30 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
工程管理专业毕业生自荐信
2014/01/24 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
同学毕业留言寄语
2015/02/27 职场文书
入党转正介绍人意见
2015/06/03 职场文书
教学副校长工作总结
2015/08/13 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
学校教代会开幕词
2016/03/04 职场文书
【海涛解说】史上最给力比赛,挑战DOTA极限
2022/04/01 DOTA