javascript - 如何在 Vue.js 方法中使用 setTimeout？

Question

如何在 Vue.js 方法中使用 setTimeout() 函数？

我已经尝试过类似的方法，但它不起作用:

fetchHole: function () { 
    //get data
},

addHole: function () {
    //my query add new
    setTimeout(function () { this.fetchHole() }, 1000)
},

我收到此错误消息:Uncaught TypeError: this.fetchHole is not a function

Answer 1

在您的函数声明中添加一个 bind() 调用:

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

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

^{旁注:在这种特殊情况下，@nospor 接受的答案更清晰。 bind 方法更通用一些 - 例如，如果您想执行匿名函数，则非常有用。}