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

在项目中会遇到定时方面的需求。我们来用setTimeout来处理。
1.简单业务需求

var itime = setInterval(function() { if(_this.step0_payMaxTime > 0) { _this.step0_payMaxTime-=1000; } if(_this.step0_payMaxTime <= 0) { clearInterval(itime); //TODO 时间到了，进入取消状态 _this.orderState=3; } }, 1000)

2.复杂业务

var ite =setInterval(_this.tipSellMsg(), 1000);

上面的代码，tipSellMsg 只执行一次，没有按1s 循环去执行。

var iti = setInterval(function () { _this.tipSellMsg() }, 1000)

使用箭头函数

var iti = setInterval(()=>{_this.tipSellMsg()}, 1000)

【解决vue在setTimeout内修改this失效的问题】以上是正确的写法。
原因：当在vue中使用定时器在function里直接使用this，发现没有效果，这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，这会使得this指向的是window对象。

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

推荐阅读

什么鸟儿是飞行家

古风笔名

怀孕初期吃什么好怀孕初期饮食原则

redis查看当前是哪个数据库查看redis数据库版本

【创融同学会征4动态】征4创融跑团戈壁挑战赛备战会议圆满成功

现在的英雄联盟满攻速是点那个符文？

蟹蒸出来怎么蟹黄变黑了

柠檬女孩什么意思柠檬女孩的意思

tr4

佳能万能版清零软件-打印机清零软件怎么下载

Android开源日志库Logger

牵牛花种子什么时候种植牵牛花种子什么时候种

西门子燃气灶显示灯解决方法有哪些？

夏季吃红辣椒可以预防中暑

大豆纤维被孔数越多越好吗

牛抄藤

usbcan分析仪

青海信创服务器在知乎上的评价如何？青海信创服务器怎么样知乎

怎样培殖蚯蚓水蚯蚓培育方法

中国联通手机营业厅100M全国流量免费领升级即可领取