スロットリング機能VUE
fnThrottle(方法、遅延、持続時間){ VAR = この; VaRのタイマー= この.timer。 varが =始まる新しい日付を()getTime(); 戻り 関数(){ VARの電流= 新しい日付()getTime()。 clearTimeout(タイマー)。 もし(現在- > =開始期間){ 方法(); 開始 = 現在; } 他{ that.timer = setTimeoutメソッド(関数(){ 法()。 }、遅延)。 } }。 }、
タイマーがデータに定義されなければなりません
どのように使用するには:
私の需要は、検索の結果を入力ボックスにある、リアルタイムでアウトを示し
だから私は、入力ボックスの値は時計にバインドされている監視します
時計:{ searchVal(newValueに){ この .searchVal = newValueに; //はここで呼び出され、実行される この .fnThrottle(この .search、500、2000 )(); } }
方法:{ 検索(){ // 要求関数 } }
これは、スロットルVUEの機能を実現します。
補正へようこそ。