Vue entprellen eine Methode?

Question

Ich weiß, dass Vue.js Funktionalität eingebaut hat, um auf einem Eingabefeld zu entprellen. Ich habe einen Schieberegler erstellt, der eine Methode auslöst, die kein Eingabefeld verwendet, und ich habe mich gefragt, ob ich die Entprellfunktionalität innerhalb einer Methode nutzen kann.

Ist es sogar möglich, diese Funktionalität zu verwenden, ohne einfach eine Entprellung zu einem Eingang hinzuzufügen? Oder muss ich dafür eigene Funktionen schreiben?

Ich habe gerade versucht, so etwas wie dies zu tun, aber es scheint nicht zu funktionieren:

this.$options.filters.debounce(this.search(), 2000); 

Answer 1

Für alle, die auf fragt sich, wie dies zu tun. Ich reparierte diese durch einen ehrfürchtigen kleinen Schnipsel mit mir gefunden:

Attribut in meinen Daten

timer: 0 

Debounce Funktionalität

// clears the timer on a call so there is always x seconds in between calls 
clearTimeout(this.timer); 

// if the timer resets before it hits 150ms it will not run 
this.timer = setTimeout(function(){ 
    this.search() 
}.bind(this), 150); 

Answer 2

Du this.search() Ausführungsergebnis setzen in Entprellen, versuchen Sie dies:

var bufferSearch = Vue.options.filters.debounce(this.search.bind(this), 150); 
bufferSearch();