您的位置:首页 > Web前端 > Vue.js

关于vue.js中实现方法内某些代码延时执行

2020-05-04 07:10 2196 查看

今天在工作时遇见了某些代码需要延时操作的情况。具体情况为前台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中实现方法内某些代码延时执行就是小编分享给大家的全部内容了,希望能给大家一个参考

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue.js 代码 延时 执行