关于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 相关文章推荐
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
Javascript获取统一管理的提示语(message)
Feb 03 Javascript
JSON简介以及用法汇总
Feb 21 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
js动态生成form 并用ajax方式提交的实现方法
Sep 09 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 Javascript
JS实现图片手风琴效果
Apr 17 Javascript
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
vue2使用keep-alive缓存多层列表页的方法
Sep 21 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 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循环输出数据库内容的代码
2008/05/24 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
用console.table()调试javascript
2014/09/04 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
Vue shopCart 组件开发详解
2018/01/26 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
如何使用Python 打印各种三角形
2019/06/28 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
appium+python adb常用命令分享
2020/03/06 Python
基于 Python 实践感知器分类算法
2021/01/07 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
销售员自我评价怎么写
2013/09/19 职场文书
玲玲的画教学反思
2014/02/04 职场文书
英语教师求职信
2014/06/16 职场文书
十八大宣传标语
2014/10/09 职场文书
如何写辞职信
2015/05/13 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
golang interface判断为空nil的实现代码
2021/04/24 Golang
pytorch 如何使用amp进行混合精度训练
2021/05/24 Python
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS