javascript - Vuejs2设置超时在设置的秒数后未能执行该函数

Question

AM 尝试使用 setTimeout 在 1 秒后执行函数，但失败

所以我有

mounted(){
   this.getTime();
}

methods:{
 getTime(){

    setTimeout(()=>{
     console.log("test..");
    },1000)
   }
}

上面只记录一次

我尝试将设置超时中的箭头功能更改为

setTimeout(function(){
  console.log("test")
 }, 1000);

但即便如此，还是失败了

我哪里出错了，因为我期望在控制台上打印不止一份测试

我更喜欢使用挂载的钩子(Hook)，因为此函数将使用此关键字执行其他操作，该关键字在挂载后可用

Answer 1

使用setInterval而不是setTimeout .

setInterval 将重复直到您告诉它停止，而 setTimeout 只会运行一次(除非它在运行之前被取消)。

mounted(){
   this.getTime();
},
methods:{
 getTime(){
    setInterval(()=>{
     console.log("test..");
    }, 1000)
   }
}

您的另一个选择是在超时结束时再次调用 this.getTime()，如下所示:

mounted(){
   this.getTime();
},
methods:{
 getTime(){
    setTimeout(()=>{
     console.log("test..");
     this.getTime();
    }, 1000)
   }
}