今天在工作時遇見了某些代碼需要延時操作的情況。具體情況為前臺grid在執(zhí)行完增刪改操作后需要在增加或者修改彈框點擊確定導(dǎo)致彈框消失后，grid內(nèi)數(shù)據(jù)能夠及時更新以便顯示增刪改操作后的數(shù)據(jù)。這里的話使用的是vue.js中的setTimeout函數(shù)來解決該問題。

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站制作、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的友好網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

代碼如下：

var that = this;
setTimeout(function () {
  that.modifyDialogVisible = false;
  grid.api.reloadData();
},500);

值得注意的是這里在setTimeout函數(shù)如果使用到了this，必須在函數(shù)外定義一個變量來暫存this。如果不需要使用this，則不用定義。

代碼如下：

setTimeout(function () {
        grid.api.reloadData();
      },500);

這里需要說明的是setTimeout函數(shù)是將方法體內(nèi)的代碼在其定義的500ms后執(zhí)行，而不是相反。

以上這篇關(guān)于vue.js中實現(xiàn)方法內(nèi)某些代碼延時執(zhí)行就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。