vue中怎樣讓函數隻執行一次

Posted on by

vue讓函數隻執行一次

定義標記變量

 data() {
    return {
      firstPlayFlag: true, // 第一次播放標記
      }
  }

應用

在這裡插入圖片描述 

if（this.firstPlayFlag） {
// 執行函數
this.firstPlayFlag = false
} else {

}

若設計到路由切換，賦值被改變，可考慮引入全局變量控制

定義全局變量

在這裡插入圖片描述

應用並改變全局變量的值

在這裡插入圖片描述

vue定時執行函數方法

內部方法setInterval（函數，定時時間）

5000是5秒，每5秒調一次接口

methods: {
    // 測試函數
    testHtml() {
      console.log("測試")
    },
 
 mounted() {
//定時任務方法
    this.$nextTick(() => {
      setInterval(this.testHtml, 5000);
    });
  },

總結

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：