关于vue.js中实现方法内某些代码延时执行
作者:清风过山河 时间:2024-05-21 10:30:46
今天在工作时遇见了某些代码需要延时操作的情况。具体情况为前台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后执行,而不是相反。
来源:https://blog.csdn.net/qq_36978506/article/details/88846360
标签:vue.js,代码,延时,执行
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
用css实现透视效果
2009-09-05 16:33:00
JavaScript中神奇的call()方法
2024-04-30 09:52:41
Python数据分析之PMI数据图形展示
2022-06-19 07:18:23
![](https://img.aspxhome.com/file/2023/7/115607_0s.webp)
Python 操作 MongoDB 讲解详细
2021-11-28 10:00:46
![](https://img.aspxhome.com/file/2023/5/115735_0s.jpg)
Ubuntu12下编译安装PHP5.3开发环境
2023-11-15 14:36:29
python pandas 数据排序的几种常用方法
2021-10-02 06:25:01
vue初尝试--项目结构(推荐)
2024-05-09 15:15:27
![](https://img.aspxhome.com/file/2023/5/126515_0s.jpg)
Python join()函数原理及使用方法
2021-01-17 18:37:08
Python实现单项链表的最全教程
2021-12-21 09:45:26
![](https://img.aspxhome.com/file/2023/0/87890_0s.png)
jquery中文手册上的一点错误--说说p标签失去焦点
2009-09-13 21:24:00
![](https://img.aspxhome.com/file/UploadPic/20099/13/c88879ae2c3bd9614bc01e7e8f79ce54-99s.jpg)
Java操作MongoDB数据库示例分享
2023-06-30 11:25:03
Keras设置以及获取权重的实现
2021-11-22 10:04:09
使用SQL语句去掉重复的记录【两种方法】
2024-01-18 16:55:59
JavaScript中const、var和let区别浅析
2024-05-09 15:03:15
Java使用正则表达式验证手机号和电话号码的方法
2023-11-20 08:07:12
vue一步到位的实现动态路由
2024-05-21 10:16:05
![](https://img.aspxhome.com/file/2023/2/125292_0s.png)
从Context到go设计理念轻松上手教程
2024-05-13 10:41:07
![](https://img.aspxhome.com/file/2023/6/125116_0s.png)
基于Three.js插件制作360度全景图
2023-08-06 14:43:10
在Dreamweaver MX中应用“占位图形”
2009-07-10 13:16:00
![](https://img.aspxhome.com/file/UploadPic/20072/200723113314790s.gif)
5个常见的XHTML验证错误
2010-01-15 20:24:00
![](https://img.aspxhome.com/file/UploadPic/20101/15/200px-xhtml-23s.png)