解决vue的变量在settimeout内部效果失效方法

最新推荐文章于 2024-10-08 16:58:28 发布

Tony3820

最新推荐文章于 2024-10-08 16:58:28 发布

阅读量1.5w

点赞数 1

分类专栏： CSS3 javascript

本文链接：https://blog.csdn.net/xdongll/article/details/52488525

版权

CSS3 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

javascript

13 篇文章 0 订阅

订阅专栏

1、定义一个self暂存this

2、再改变变量的值，则生效啦

   var self=this;
        this.toastrVal = inVal;
        this.loadState = true;
        this.noBg = bgState;
        setTimeout(function () {
          self.loadState = false;
        }, 3000)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Tony3820

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

qq_38192709的博客

01-14

1581

问题描述：自己在 vue 里面写了一个延迟函数，但是没有生效，如下问题解决：直接上代码： disableBtn: function () { this.queryCheck = false }, submitDate: function () { // 提交日期 console.log(this.monthNmb) console.log(this.dayNmb) this.getData() // 只要重新提交数据，这个方法里面它会重新自己渲染 this.q

Vue中使用定时器setInterval和setTimeout

m0_49714202的博客

12-15

4466

js中定时器有两种，一个是循环执行setInterval，另一个是定时执行setTimeout 一、循环执行（setInterval）顾名思义，循环执行就是设置一个时间间隔，每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉用法是setInterval（“方法名或方法”，“延时”），第一个参数为方法名或者方法，注意为方法名的时候不要加括号,第二个参数为时间间隔常见方法。在data中声明一个变量，定时器绑定到变量中，然后在beforeDestory中销毁这个定时器举个例子: 方案一: 首先我在

2 条评论您还未登录，请先登录后发表或查看评论

解决vue的变量在settimeout内部效果失效的问题

10-18

今天小编就为大家分享一篇解决vue的变量在settimeout内部效果失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue项目里setTimeout方法执行时获取不到data中的变量

落落Plus的博客

06-11

4021

本项目是一个单页面的公众号，在需求中需要提示错误信息给用户展示，但是项目没有引入其他库，所有就直接使用了setTimeout()，在该方法执行的时候发现没有拿到data中定义的变量。给用户提供的错误信息输出：发现在setTimeout执行时this变为了window，这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，this指向的是windo...

vue页面关闭时，关闭定时器。

最新发布

wangshuai13383347132的博客

10-08

191

vue页面关闭时，关闭定时器。

Vue中setTimeout()不生效解决方案

kilig_CSM的博客

08-17

733

theme: fancy 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情发生背景: 在项目中一个父组件同时引用了两个不同的子组件,其中一个子组件通过v-if判断flag控制渲染,而另外一个子组件能改变flag.当时的需求是当子组件改变flag将另一个子组件显露出来,同时将新渲染出来的子组件添加类名来改变样式.刚开始发现document.ge...

vue使用setTimeout【function中的this失效】

熊米

04-22

2092

在vue中使用setTimeout在function中直接使用this无效。正确的使用方法是： data(){ return{ message:"这是一条消息" } }, methods: { func(){ var _this = this; //定义_this暂存this setTimeout(function(){ ...

js setTimeout和for循环搭配使用时变量的问题

I_recluse的博客

06-09

1万+

最近在写一个定时打字的效果，需要for循环和setTimeout搭配使用，出现了一些问题，在网上查找找到了问题所在。1.setTimeout(func,time)函数运行机制 setTimeout(func,time)是在time（毫秒单位）时间后执行func函数。浏览器引擎按顺序执行程序，遇到setTimeout会将func函数放到执行队列中，等到主程序执行完毕之后，才开始从执行队列（队列...

Vue中使用 setTimeout() setInterval()函数的问题

10-18

在给定的示例中，`setTimeout` 的回调函数内部，`this` 的上下文发生了变化，不再指向Vue实例，而是指向全局对象（在浏览器环境中通常是`window`）。因此，当尝试通过`this.clickSubmitBtn = true;` 修改Vue实例的`...

vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)

10-18

总结来说，要解决Vue中基于`mousemove`的拖动过快失效问题，可以采取限制处理频率、使用防抖或节流等优化策略。这些方法能确保即便在高速移动鼠标的情况下，依然能保持拖动功能的稳定性和流畅性。

vue中使用 setTimeout 函数失效

m0_58893670的博客

09-29

1234

箭头函数中的访问的this实际上是其父级作用域中的this，箭头函数本身的this是不存在的，这样子就相当于此时函数中的this是在声明的时候就确定了，所以是直接指向了data里面的变量。这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，这会使得this指向的是window对象。在vue中使用 setTimeout，直接调用this.函数，控制台报错。

解决Vue在setTimeout内修改this失效的问题

yjxfox的专栏

05-14

627

在项目中会遇到定时方面的需求。我们来用setTimeout来处理。 1.简单业务需求 var itime = setInterval(function() { if(_this.step0_payMaxTime > 0) { _th...

从setTimeout来看javascript的作用域

yq_oxygen的博客

05-22

534

首先我们来看这样一段代码： for (var i=0; i<3; i++) { setTimeout(() => { console.log(i) }, 0) } 很多刷过面试题的jser看到这段代码应该很熟悉了，脱口就能说出正确答案是 3 个 3，但有不少人却不明白其中的原理。别小看这段代码，其中暗含了不少的js的基础知识。从代码层面来，...

Vue中使用定时器（setInterval、setTimeout）

用心创作每一篇文章

10-02

2万+

开始的时候创建了一个定时器 setInterval ，时间间隔为2秒，每2秒都会调用一次函数 valChange，从而使 value 的值+1。js中定时器有两种，一个是循环执行 setInterval，另一个是定时执行 setTimeout。顾名思义，循环执行就是设置一个时间间隔，每过一段时间都会循环执行这个方法,直到这个定时器被销毁掉；开始时候创建一个定时器 setTimeout，只在2秒后执行一次方法。定时执行 setTimeout 是设置一个时间，等待时间到达的时候。

【VUE】vue项目开发中，setTimeout等定时器的管理。