vue中怎樣讓函數(shù)只執(zhí)行一次
更新時(shí)間:2023年03月02日 14:46:03 作者:奧特蛋_mm
這篇文章主要介紹了vue中怎樣讓函數(shù)只執(zhí)行一次問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
vue讓函數(shù)只執(zhí)行一次
定義標(biāo)記變量
data() { return { firstPlayFlag: true, // 第一次播放標(biāo)記 } }
應(yīng)用
if(this.firstPlayFlag) { // 執(zhí)行函數(shù) this.firstPlayFlag = false } else { }
若設(shè)計(jì)到路由切換,賦值被改變,可考慮引入全局變量控制
定義全局變量
應(yīng)用并改變?nèi)肿兞康闹?/h3>
vue定時(shí)執(zhí)行函數(shù)方法
內(nèi)部方法setInterval(函數(shù),定時(shí)時(shí)間)
5000是5秒,每5秒調(diào)一次接口
methods: { ? ? // 測(cè)試函數(shù) ? ? testHtml() { ? ? ? console.log("測(cè)試") ? ? }, ? ?mounted() { //定時(shí)任務(wù)方法 ? ? this.$nextTick(() => { ? ? ? setInterval(this.testHtml, 5000); ? ? }); ? },
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue 中 filter 與 computed 的區(qū)別與用法解析
這篇文章主要介紹了Vue 中 filter 與 computed 的區(qū)別與用法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11vue實(shí)現(xiàn)動(dòng)態(tài)面包屑導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)動(dòng)態(tài)面包屑導(dǎo)航的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04解決vue 更改計(jì)算屬性后select選中值不更改的問題
下面小編就為大家分享一篇解決vue 更改計(jì)算屬性后select選中值不更改的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03在Vue3中使用vue-qrcode庫實(shí)現(xiàn)二維碼生成的方法
在Vue3中實(shí)現(xiàn)二維碼生成需要使用第三方庫來處理生成二維碼的邏輯,常用的庫有 qrcode和 vue-qrcode,這篇文章主要介紹了在Vue3中使用vue-qrcode庫實(shí)現(xiàn)二維碼生成,需要的朋友可以參考下2023-12-12