vue 里面的setTimeout 延迟函数方法没有生效

最新推荐文章于 2022-10-10 20:36:31 发布
最新推荐文章于 2022-10-10 20:36:31 发布
阅读量1.5k 收藏
点赞数
分类专栏： 网站操作 VUE踩过的坑 vue技术总结 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38192709/article/details/122490829
版权
在Vue项目中遇到setTimeout延迟函数未按预期工作的问题。通过将this.timeoutFunction()改为this.timeoutFunction，去掉括号，使得函数引用正确执行。
摘要由CSDN通过智能技术生成

问题描述：
自己在 vue 里面写了一个延迟函数，但是没有生效，如下
vue 里面的setTimeout 方法没有生效

问题解决：
直接上代码：

disableBtn: function () {
   
    this.queryCheck = false
},
submitDate: function (
最低0.47元/天 解锁文章
叫我福建
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue的变量在settimeout内部效果失效的问题
12-02
解决方法如下： 1、定义一个self暂存this 2、再改变变量的值，则生效啦 var self=this; this.toastrVal = inVal; this.loadState = true; this.noBg = bgState; setTimeout(function () { self.loadState = false; }, 3000) 拓展知识：解决vue在setTimeout内修改this失效的问题 当在vue中使用定时器来修改一个变量值的时候，发现没有效果，这是由于setTimeout函数调用的代码运行在与所
Vue实例中，setTimeout()不生效怎么解决
不甘于现状のKK
12-09 6396
在做项目的时候，setTimeout()，setTimeout(fuction(){},1000)，不生效。找了一圈某度也没找到合适的方法，就自己写了一个。 setTimeout(function(){ this.$router.go(-1); },500); 函数是执行了，但是0.5秒后没有执行任何操作，后来找了资料， setTimeou() 方法用于在指定毫秒数后调用函数或计算表达式 setTimeout(code,millisec) 其中，code，必需，要调用的函数后要执行的JavaScrip
vue中使用 setTimeout 函数 失效
m0_58893670的博客
09-29 1185
箭头函数中的访问的this实际上是其父级作用域中的this，箭头函数本身的this是不存在的，这样子就相当于此时函数中的this是在声明的时候就确定了，所以是直接指向了data里面的变量。这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，这会使得this指向的是window对象。在vue中使用 setTimeout，直接调用this.函数，控制台报错。
记录一下VUE用setTimeout不生效的解决方式
D493829844的博客
10-07 1890
最近要加一个定时器，定时获取数据，使用setTimeout方法总是不生效，然后换成setInterval就可以了。 如下代码，换成setTimeout 没有效果，换成setInterval就正常，到现在也不知道为啥不行 const_this=this setInterval(()=>{ _this.LoadStation() },1000*60*5) ...
Vue中setTimeout()不生效解决方案
kilig_CSM的博客
08-17 663
theme: fancy 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情 发生背景: 在项目中一个父组件同时引用了两个不同的子组件,其中一个子组件通过v-if判断flag控制渲染,而另外一个子组件能改变flag.当时的需求是当子组件改变flag将另一个子组件显露出来,同时将新渲染出来的子组件添加类名来改变样式.刚开始发现document.ge...
vue 解决setTimeOut和setInterval函数无效报错的问题
11-19
在Vue.js项目中，开发过程中可能会遇到`setTimeout`和`setInterval`函数失效或报错的问题，这通常与JavaScript的异步执行、作用域以及Vue的特性有关。下面我们将详细探讨这个问题及其解决方案。 首先，`setTimeout`...
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
10-15
总结一下，解决Vue mounted钩子函数执行时图片未加载导致页面布局问题的方法主要有： - 使用延时处理，等待图片加载一段时间后再执行布局计算逻辑； - 设置img标签为块级元素，并提前设定宽高，以占位形式保证布局...
JavaScript setTimeout 延迟函数不起作用
wangyu233的博客
05-13 458
https://www.runoob.com/w3cnote/javascript-settimeout-usage.html https://developer.mozilla.org/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout setTimeout('msg(x_token)', 1000); function msg(msg) { document.getElementById('msg').innerHTML = msg; }
settimeout使用 不生效问题
weixin_42634398的博客
10-12 5778
uniapp中使用延时函数 sertimeout() 不起作用 // 第一次使用 this.setTimeout(function(){this.init()},500) // 第二次使用 this.setTimeout(this.init(),500) //第三次试用 setInterval 以下方法好用 setInterval(()=>{ this.init() },500) 开始找原因 1 普通函数this指
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
11-20
先看效果图，这是弹窗效果，要求就是弹窗出现和消失时候不是很突兀，要有过渡效果。 首先看弹窗出现的实现思路，先加一个beforeActive类，再加一个active类。我们看审查元素，一开始display：none； 在beforeActive中display：block；只是background: transparent;然后在一定时间后再加上active类。问题就来了，在打开弹窗代码中，如下图，settimeout第二个参数小于60ms效果就会不稳定，有时候有过渡效果，有时候没有过渡效果。 // openbtn(){ // let _this=this; //
setTimeout “不执行”和异步
gorphone的专栏
04-12 2296
 前两天一直在做一个效果，想法很简单，就是希望能够在网页加载后导航项能够动态弹出，以下是代码：window.onload=init;function init(){var alink =null;alink =document.getElementById("nav").getElementsByTagName("A");for(var i=0;i{ var ma
setTimeout不起作用问题
cuifangfang1177的专栏
03-19 4018
代码中使用setTimeout， 用了两种方式 然而并没有起到作用  如下1、setTimeout( function(){ jumpUrl(g_android_ios_url) },3000);2、setTimeout(jumpPage,3000); function jumpPage(){ jumpUrl(g_android_ios_url) }查阅资料看到有些大神博主标注出来的重点注意：第一...
关于setTimeOut有时候不生效的误解
weixin_34167043的博客
07-11 1698
在写Angularjs的项目中，需要写一个模糊查询的需求，因为需要控制查询的频率，就在查询事件中添加了一个定时器setTimeOut(fn,500)，此定时器的作用就是让查询时间0.5秒触发一次，降低后台的压力。 但是后来发现没有起到想要的效果，最后才发现各个定时器都执行了，因为多余的定时器没有及时清除，导致定时器叠加执行，虽然0.5秒的延迟时间起到作用了，但是在这个延迟时间中，前面的几个定时器中...
解决在vue中setTimeout效果失效，setTimeout在Vue中的使用方法
bobobocai的博客
01-03 8102
问题：setTimeout 函数内部效果 在Vue 事件中 没有执行 1、定义一个 that 暂存 this 2、再改变变量的值，就会生效 var that = this; setTimeout(function () { that.modPassword = true; }, 3000) ...
setTimeout 延时不起作用原因
wangchaohpu的博客
12-25 2318
第一个参数不要直接使用函数 ，而是使用匿名函数function(){},要执行的函数写在匿名函数内部就行了。 转自：https://blog.csdn.net/derkampf/article/details/79417090...
vue 防抖 setTimeout 失效
qq_35257117的博客
07-24 1115
在写代码的过程中，编辑器会默认把手敲入的函数进行导入，这样就会有一系列的问题。 vue中，写防抖的时候，一定要检查一下是否有如下行： import { setTimeout } from "timers" // 删除掉此行 以下为防抖函数代码： // 数据行变化时 onFileSelection (row) { if (this.isTimerWorking !== null) { ...
不使用setTimeout和setInterval在页面中实现setInterval和setTimeout效果
梅花寺
10-10 334
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
vue中延时函数用法
Rocky balboa
08-21 1305
【代码】vue中延时函数。
vue3中setup函数里面可以写方法嘛？
最新发布
03-25
是的，可以在Vue3的setup函数中定义方法。可以将方法定义为函数形式，然后将其存储到ref或reactive变量中，并从组件中访问它们。也可以将方法定义为引用或者在setup函数中直接定义。这样做的好处是能够将逻辑和状态...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值