關(guān)于vue.js中實(shí)現(xiàn)方法內(nèi)某些代碼延時(shí)執(zhí)行
更新時(shí)間：2019年11月14日 10:44:57 作者：清風(fēng)過山河
今天小編就為大家分享一篇關(guān)于vue.js中實(shí)現(xiàn)方法內(nèi)某些代碼延時(shí)執(zhí)行，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
今天在工作時(shí)遇見了某些代碼需要延時(shí)操作的情況。具體情況為前臺(tái)grid在執(zhí)行完增刪改操作后需要在增加或者修改彈框點(diǎn)擊確定導(dǎo)致彈框消失后，grid內(nèi)數(shù)據(jù)能夠及時(shí)更新以便顯示增刪改操作后的數(shù)據(jù)。這里的話使用的是vue.js中的setTimeout函數(shù)來解決該問題。
代碼如下：
var that = this;
setTimeout(function () {
that.modifyDialogVisible = false;
grid.api.reloadData();
},500);
值得注意的是這里在setTimeout函數(shù)如果使用到了this，必須在函數(shù)外定義一個(gè)變量來暫存this。如果不需要使用this，則不用定義。
代碼如下：
setTimeout(function () {
grid.api.reloadData();
},500);
這里需要說明的是setTimeout函數(shù)是將方法體內(nèi)的代碼在其定義的500ms后執(zhí)行，而不是相反。
以上這篇關(guān)于vue.js中實(shí)現(xiàn)方法內(nèi)某些代碼延時(shí)執(zhí)行就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了詳解在Vue中通過自定義指令獲取dom元素 ，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-03-03
這篇文章主要為大家詳細(xì)介紹了vue中組件之間相互通信傳值的幾種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要為大家詳細(xì)介紹了vue使用echart自定義標(biāo)簽以及顏色，應(yīng)用于echart 5.0以上版本，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
關(guān)于在Vue中import和require的用法分析
在Vue項(xiàng)目中，我們經(jīng)常需要引入外部的模塊或文件，這時(shí)候就會(huì)用到import和require這兩個(gè)關(guān)鍵字，本文將詳細(xì)分析它們的用法，并提供具體的代碼實(shí)例和解釋,需要的朋友可以參考下2023-06-06
vue中this.$router.push()路由傳值和獲取的兩種常見方法匯總
這篇文章主要介紹了vue中this.$router.push()路由傳值和獲取的兩種常見方法,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
詳解使用webpack打包編寫一個(gè)vue-toast插件
本篇文章主要介紹了詳解使用webpack打包編寫一個(gè)vue插件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要為大家詳細(xì)介紹一下如何在Vue3中實(shí)現(xiàn)自定義指令，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，需要的同學(xué)可以參考一下2022-07-07
看過很多人講vue的生命周期，但總是被繞的云里霧里，尤其是自學(xué)的同學(xué)，可能js的基礎(chǔ)也不是太牢固，聽起來更是吃力，那我就已個(gè)人之淺見，以大白話的方式給大家梳理一下，如有不準(zhǔn)確的地方，歡迎指正！2020-12-12
這篇文章主要介紹了Vue的方法和屬性案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
vue-hooks是簡(jiǎn)化組件定義、復(fù)用狀態(tài)邏輯的一種最新嘗試,下面這篇文章主要給大家介紹了關(guān)于vue2中@hook的解析與妙用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03