Vue实例中，setTimeout()不生效怎么解决

在做项目的时候，setTimeout()，setTimeout(fuction(){},1000)，不生效。找了一圈某度也没找到合适的方法，就自己写了一个。（最后有彩蛋）

setTimeout(function(){
  this.$router.go(-1);
},500);

函数是执行了，但是0.5秒后没有执行任何操作，后来找了资料， setTimeou() 方法用于在指定毫秒数后调用函数或计算表达式 setTimeout(code,millisec)

其中，code，必需，要调用的函数后要执行的JavaScript代码串。

知道问题所在了，那解决方案是？对，最简单就是定义一个函数，去暂存this，然后再改变变量的值。

let _this = this;
setTimeout(function(){
  _this.$router.go(-1);
},500);

this指向data内对应变量

在某yinz的指导下，发现使用es6箭头函数更快捷了，减少一半的代码量，分享一下

setTimeout( () => {
  this.$router.go(-1);
},500);

完美解决。希望对大家有用。

推荐阅读

热点文章