在vue點(diǎn)擊事件調(diào)用函數(shù)的過程中,想通過 setTimeout() setInterval()函數(shù)來延遲修改參數(shù)時(shí),發(fā)現(xiàn)函數(shù)沒有執(zhí)行,控制臺(tá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í)無效            },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è)诓樵兒笠瞿承┦虑椋缥也樵兊臅r(shí)候要根據(jù)某個(gè)值再去查詢某些東西并和這些值一起顯示的時(shí)候,我們可以對(duì)渲染數(shù)據(jù)的操作進(jìn)行延遲,因?yàn)榇a執(zhí)行的速度是很快的而訪問數(shù)據(jù)的操作先對(duì)于渲染的速度慢得多,所以往往數(shù)據(jù)還沒查詢到而數(shù)據(jù)就渲染完成了
setTimeout(() =>{  要延遲的代碼},延遲時(shí)間);總結(jié)
以上所述是小編給大家介紹的Vue中使用 setTimeout() setInterval()函數(shù)的問題 ,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)錯(cuò)新站長站網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選