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

更新时间：2023年03月02日 14:46:03 作者：奥特蛋_mm

这篇文章主要介绍了vue中怎样让函数只执行一次问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

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

总结

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

您可能感兴趣的文章:

vue实现无缝轮播效果(跑马灯)
这篇文章主要为大家详细介绍了vue实现无缝轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-05-05
Vue实现点击箭头上下移动效果
这篇文章主要介绍了Vue实现点击箭头上下移动效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-06-06
基于Vue实现图书管理功能
这篇文章主要为大家详细介绍了基于Vue实现图书管理功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
element-ui中的select下拉列表设置默认值方法
今天小编就为大家分享一篇element-ui中的select下拉列表设置默认值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
Vue.js 60分钟快速入门教程
vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。今天给大家分享一篇教程关于Vue.js 60分钟快速入门教程，一起看看吧
2017-03-03
使用Vue.js实现一个循环倒计时功能
在Web应用中,倒计时功能常用于各种场景,如活动倒计时、定时任务提醒等,Vue.js作为一款轻量级的前端框架,提供了丰富的工具和API来实现这些功能,本文将详细介绍如何使用Vue.js实现一个循环倒计时功能,需要的朋友可以参考下
2024-09-09
vue.js路由mode配置之去掉url上默认的#方法
今天小编就为大家分享一篇vue.js路由mode配置之去掉url上默认的#方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
openlayers6之地图覆盖物overlay三种常用用法(popup弹窗marker标注text文本)
这篇文章主要介绍了openlayers6之地图覆盖物overlay三种常用用法(popup弹窗marker标注text文本),主要讲overlay三种最常用的案例,感兴趣的朋友一起看看吧
2021-09-09
vue实现搜索过滤效果
这篇文章主要为大家详细介绍了vue实现搜索过滤效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-05-05
element table列表根据数据设置背景色
在使用elementui中的el-table时,需要将表的背景色和字体颜色设置为新颜色,本文就来介绍一下element table列表根据数据设置背景色,感兴趣的可以了解一下
2023-08-08