亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Vue中使用 setTimeout() setInterval()函數(shù)的問(wèn)題

 更新時(shí)間：2018年09月13日 11:41:03   作者：咩咩陽(yáng)  
這篇文章主要介紹了Vue中使用 setTimeout() setInterval()函數(shù)的問(wèn)題 ,需要的朋友可以參考下

在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í)間);

總結(jié)

以上所述是小編給大家介紹的Vue中使用 setTimeout() setInterval()函數(shù)的問(wèn)題 ，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論