Vue.js には、入力フィールドでデバウンスする機能が組み込まれていることを知っています。入力フィールドを使用しないメソッドを起動するスライダーを作成しましたが、メソッド内でデバウンス機能を利用できるかどうか疑問に思っていました。
入力にデバウンスを追加する以外に、この機能を使用することは可能ですか? または、このために独自の機能を作成する必要がありますか?
私はちょうどこのようなことをしようとしましたが、うまくいかないようです:
this.$options.filters.debounce(this.search(), 2000);
どうしようか迷っている方へ。私が見つけたすばらしい小さなスニペットを使用して、これを修正しました。
私のデータの属性
timer: 0
デバウンス機能
// 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);