关于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 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
May 30 Javascript
js实现遮罩层划出效果是生成div而不是显示
Jul 29 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
vue自定义指令的创建和使用方法实例分析
Dec 04 Javascript
JQuery事件委托原理与用法实例分析
May 13 jQuery
用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中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
PHP循环结构实例讲解
2014/02/10 PHP
php实现复制移动文件的方法
2015/07/29 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
PHP7 windows支持
2021/03/09 PHP
RR vs IO BO3 第二场2.13
2021/03/10 DOTA
javascript onmouseout 解决办法
2010/07/17 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
2019/05/14 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
python中assert用法实例分析
2015/04/30 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
python异步实现定时任务和周期任务的方法
2019/06/29 Python
使用python serial 获取所有的串口名称的实例
2019/07/02 Python
Python FtpLib模块应用操作详解
2019/12/12 Python
CentOS 7如何实现定时执行python脚本
2020/06/24 Python
澳大利亚领先的皮肤诊所:Skin Matrix(抗衰老、痤疮专家、药妆护肤)
2018/05/20 全球购物
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
《陈毅探母》教学反思
2014/05/01 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
Java设计模式中的命令模式
2022/04/28 Java/Android