setTimeout与循环闭包

删除进度条.png

最近想做一个删除进度条，每隔1秒删除一条，传给前端的{{data}}。
开始的时候这么写

for (var i=0; i<this.proList.length+1; i++) {
        setTimeout(()=>{
            this.proData=Math.ceil(100*i/this.proList.length);//业务需求
            this.proList1=this.proList[k];//业务需求
          }, 1000 );
      }

最后这样写可以实现

for (var i=0; i<this.proList.length+1; i++) {
        let k =i;
        setTimeout(()=>{
            this.proData=Math.ceil(100*k/this.proList.length);//业务需求
            this.proList1=this.proList[k];//业务需求
          }, 1000*k );
      }

原理可以参考这篇文章：https://segmentfault.com/a/1190000009711065
倒计时

reLoginCountDown () {
  this.reLoginTime = 3
  let time = setInterval(() => {
    this.reLoginTime--
    if (this.reLoginTime === 0) {
      this.$router.push('/auth/login')
      clearInterval(time)
    }
  }, 1000)
},