本篇文章給大家分享的是有關(guān)在Vue中使用setTimeout()和setInterval()函數(shù)時(shí)需要注意哪些問(wèn)題，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著小編一起來(lái)看看吧。

洛川網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,洛川網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為洛川數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的洛川做網(wǎng)站的公司定做！

在vue點(diǎn)擊事件調(diào)用函數(shù)的過(guò)程中，想通過(guò) setTimeout() setInterval()函數(shù)來(lái)延遲修改參數(shù)時(shí)，發(fā)現(xiàn)函數(shù)沒(méi)有執(zhí)行，控制臺(tái)也沒(méi)有報(bào)錯(cuò)，代碼如下：

var vm_target = new Vue({
        el: '#vm_target',
        data: {
          clickSubmitBtn:false
        },
        methods:{
          myFunc:function(){
            setTimeout(function(){
            this.clickSubmitBtn = true; //此處修改data中的參數(shù)時(shí)無(wú)效
            },500);
          }
        }
       })

 之后在調(diào)試的時(shí)候，發(fā)現(xiàn)，setTimeout()函數(shù)中的 this 指向的并非vue對(duì)象，將this.clickSubmitBtn = true; 修改為 vm_target.clickSubmitBtn = true;之后 ，代碼便可以正常執(zhí)行。

var vm_target = new Vue({
        el: '#vm_target',
        data: {
          clickSubmitBtn:false
        },
        methods:{
          myFunc:function(){
            setTimeout(function(){
            vm_target .clickSubmitBtn = true; //修改此處
            },500);
          }
        }
       })

補(bǔ)充：下面看下vue setTimeout--延遲操作

有時(shí)候我們?cè)诓樵?xún)后要做某些事情，例如我查詢(xún)的時(shí)候要根據(jù)某個(gè)值再去查詢(xún)某些東西并和這些值一起顯示的時(shí)候，我們可以對(duì)渲染數(shù)據(jù)的操作進(jìn)行延遲，因?yàn)榇a執(zhí)行的速度是很快的而訪問(wèn)數(shù)據(jù)的操作先對(duì)于渲染的速度慢得多，所以往往數(shù)據(jù)還沒(méi)查詢(xún)到而數(shù)據(jù)就渲染完成了

setTimeout(() =>{
  要延遲的代碼
},延遲時(shí)間);

以上就是在Vue中使用setTimeout()和setInterval()函數(shù)時(shí)需要注意哪些問(wèn)題，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。