关于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代码要注意的几条规则
Sep 10 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
页面内容排序插件jSort使用方法
Oct 10 Javascript
RequireJS使用注意细节
May 15 Javascript
js事件委托和事件代理案例分享
Jul 25 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
VueJs组件之父子通讯的方式
May 06 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
如何在Node和浏览器控制台中打印彩色文字
Jan 09 Javascript
JS实现手风琴特效
Nov 08 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
各种咖啡的英文名子是什么
2021/03/03 新手入门
PHP学习之字符串比较和查找
2011/04/17 PHP
PHP反向代理类代码
2014/08/15 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
JavaScript中的style.display属性操作
2013/03/27 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
JavaScript结合AJAX_stream实现流式显示
2015/01/08 Javascript
AngularJS基础 ng-href 指令用法
2016/08/01 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
使用Bootstrap4 + Vue2实现分页查询的示例代码
2017/12/21 Javascript
详解vue项目接入微信JSSDK的坑
2018/12/14 Javascript
json数据格式常见操作示例
2019/06/13 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
python中查找excel某一列的重复数据 剔除之后打印
2013/02/10 Python
python2.7和NLTK安装详细教程
2018/09/19 Python
python__name__原理及用法详解
2019/11/02 Python
wxpython+pymysql实现用户登陆功能
2019/11/19 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
使用Python测试Ping主机IP和某端口是否开放的实例
2019/12/17 Python
TensorFlow的环境配置与安装教程详解(win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5)
2020/06/22 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
日本小田急百货官网:Odakyu
2018/07/19 全球购物
瑞士隐形眼镜和护理产品网上商店:Linsenklick
2019/10/21 全球购物
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
土木工程专业推荐信
2014/02/19 职场文书
协议书样本
2014/04/23 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
OpenCV-Python实现怀旧滤镜与连环画滤镜
2021/06/09 Python