在Vue中使用setTimeout()和setInterval()函數(shù)時需要注意哪些問題

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

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

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

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

 之后在調(diào)試的時候，發(fā)現(xiàn)，setTimeout()函數(shù)中的 this 指向的并非vue對象，將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);
          }
        }
       })

補充：下面看下vue setTimeout--延遲操作

有時候我們在查詢后要做某些事情，例如我查詢的時候要根據(jù)某個值再去查詢某些東西并和這些值一起顯示的時候，我們可以對渲染數(shù)據(jù)的操作進行延遲，因為代碼執(zhí)行的速度是很快的而訪問數(shù)據(jù)的操作先對于渲染的速度慢得多，所以往往數(shù)據(jù)還沒查詢到而數(shù)據(jù)就渲染完成了

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

以上就是在Vue中使用setTimeout()和setInterval()函數(shù)時需要注意哪些問題，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享名稱：在Vue中使用setTimeout()和setInterval()函數(shù)時需要注意哪些問題
標題鏈接：http://muchs.cn/article10/pisogo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、、網(wǎng)站排名、品牌網(wǎng)站建設、自適應網(wǎng)站、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)