come impostare il timeout in un metodo vueJs

Question

come utilizzare la funzione settimeout() in un metodo vuejs?

ho già provato qualcosa di simile, ma non funziona

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

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

ottengo questo messaggio di errore: Uncaught TypeError: this.fetchHole is not a function

Answer 1

Prova questo: setTimeout(this.fetchHole, 1000) perché this in funzione anonima viene assegnata a quella anonima funzione non per la funzione principale

Answer 2

Aggiungi una chiamata bind() alla dichiarazione di funzione:

in modo che il componente Vue this sia accessibile all'interno della funzione.

^{Nota a margine: la risposta accettata di @nospor è più pulita in questa particolare situazione. L'approccio bind è un po 'più generalizzato, molto utile se si desidera, ad esempio, eseguire una funzione anonima.}

Answer 3

Penso che funzioni anche questo.

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

Answer 4

Il classico problema con this contestuale in JavaScript.

La seguente parte di codice mostra una soluzione semplice - se si utilizza ES6 con Vuejs (configurazione predefinita con vuecli y babel). Utilizzare una funzione di freccia

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