vue中怎樣讓函數(shù)只執(zhí)行一次
更新時(shí)間：2023年03月02日 14:46:03 作者：奧特蛋_mm
這篇文章主要介紹了vue中怎樣讓函數(shù)只執(zhí)行一次問(wèn)題，具有很好的參考價(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實(shí)現(xiàn)無(wú)縫輪播效果(跑馬燈)
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)無(wú)縫輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
Vue實(shí)現(xiàn)點(diǎn)擊箭頭上下移動(dòng)效果
這篇文章主要介紹了Vue實(shí)現(xiàn)點(diǎn)擊箭頭上下移動(dòng)效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細(xì)介紹了基于Vue實(shí)現(xiàn)圖書(shū)管理功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
element-ui中的select下拉列表設(shè)置默認(rèn)值方法
今天小編就為大家分享一篇element-ui中的select下拉列表設(shè)置默認(rèn)值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
vuejs是當(dāng)下很火的一個(gè)JavaScript MVVM庫(kù)，它是以數(shù)據(jù)驅(qū)動(dòng)和組件化的思想構(gòu)建的。今天給大家分享一篇教程關(guān)于Vue.js 60分鐘快速入門(mén)教程，一起看看吧2017-03-03
使用Vue.js實(shí)現(xiàn)一個(gè)循環(huán)倒計(jì)時(shí)功能
在Web應(yīng)用中,倒計(jì)時(shí)功能常用于各種場(chǎng)景,如活動(dòng)倒計(jì)時(shí)、定時(shí)任務(wù)提醒等,Vue.js作為一款輕量級(jí)的前端框架,提供了豐富的工具和API來(lái)實(shí)現(xiàn)這些功能,本文將詳細(xì)介紹如何使用Vue.js實(shí)現(xiàn)一個(gè)循環(huán)倒計(jì)時(shí)功能,需要的朋友可以參考下2024-09-09
vue.js路由mode配置之去掉url上默認(rèn)的#方法
今天小編就為大家分享一篇vue.js路由mode配置之去掉url上默認(rèn)的#方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
openlayers6之地圖覆蓋物overlay三種常用用法(popup彈窗marker標(biāo)注text文本)
這篇文章主要介紹了openlayers6之地圖覆蓋物overlay三種常用用法(popup彈窗marker標(biāo)注text文本),主要講overlay三種最常用的案例,感興趣的朋友一起看看吧2021-09-09
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)搜索過(guò)濾效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
element table列表根據(jù)數(shù)據(jù)設(shè)置背景色
在使用elementui中的el-table時(shí),需要將表的背景色和字體顏色設(shè)置為新顏色,本文就來(lái)介紹一下element table列表根據(jù)數(shù)據(jù)設(shè)置背景色,感興趣的可以了解一下2023-08-08