关于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中实现方法内某些代码延时执行就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 关于JS控制代码暂停的实现方法分享
- 关于js动态插入script 标签后页面JS代码执行失败的解决方法
- 浅谈Vue.js 关于页面加载完成后执行一个方法的问题
- vue.js element-ui validate中代码不执行问题解决方法
- Android 实现延时执行操作的几种方法 总结以及代码
- js关于setTimeout实现延时执行函数并进行传参
- js关于setTimeout实现延时执行函数并进行传参
- 关于JS控制代码暂停的实现方法分享
- 用js实现计算代码行数的简单方法附代码
- 实现DIV圆角的js代码和使用方法
- 简单代码JS随机,数组操作,延时执行
- java动态代理类,测试,实现AOP,在执行target回调方法前后插入相关代码处理
- 关于JS获取select值的两种实现方法
- js调试工具console.log()方法查看js代码的执行情况
- js调试工具console.log()方法查看js代码的执行情况
- MicrosoftAjax.Function.js 中用call 和apply方法实现回调和委托的代码
- 异步加载js文件并执行js方法:实现异步处理网页的复杂效果
- JS中实现replaceAll的方法(实例代码)
- 用js实现在加载完成一个页面后自动执行一个方法
- 关于a标签中js函数function(va1,va2)方法传递中文参数报错不执行的问题解答