vue中怎样让函数只执行一次

目录vue让函数只执行一次定义标记变量应用定义全局变量应用并改变全局变量的值vue定时执行函数方法总结vue让函数只执行一次定义标记变量data(){return{first...

目录

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);
  });
 },

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。