如何在vueJs方法中设置超时-howtosettimeoutinavueJsmethod

21  

Try this: setTimeout(this.fetchHole, 1000) because this in anonymous function is attached to that anonymous function not to your main function

试试这个：setTimeout（this.fetchHole，1000）因为这个匿名函数附加到那个匿名函数而不是你的main函数

29  

Add a bind() call to your function declaration:

添加对函数声明的bind（）调用：

setTimeout(function () { this.fetchHole() }.bind(this), 1000)

so that your Vue component's this is accessible within the function.

这样你的Vue组件就可以在函数中访问了。

^{Side note: @nospor's accepted answer is cleaner in this particular situation. The bind approach is a bit more generalized - very useful if you want to do an anonymous function, for example.}

旁注：在这种特殊情况下，@ nospor接受的答案更清晰。绑定方法有点概括 - 例如，如果你想做一个匿名函数，它非常有用。

11  

The classic issue with contextual this in Javascript.

Javascript中的上下文的经典问题。

The following part of code shows an easy solution - if you are using ES6 with Vuejs (default config with vuecli y babel). Use an arrow function

以下部分代码显示了一个简单的解决方案 - 如果您使用ES6与Vuejs（默认配置与vuecli y babel）。使用箭头功能

setTimeout(()=>{
   this.yourMethod()
},1000);

0  

I think this works too.

我认为这也有效。

var self = this;
setTimeout(function () { self.fetchHole() } , 1000)

0  

Call recursive with TimeOut:

使用TimeOut调用递归：

    save: function () {
      this.progressToProced = 0
      this.progress()          
    },
    progress: function () {
      if (this.progressToProced <100) {
        this.progressToProced++
        setTimeout(function () { this.progress() }.bind(this), 100)
      }
    }