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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

奥特蛋_mm   2023-03-23 我要评论

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

总结

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们