スロットルでVUE

スロットリング機能VUE

fnThrottle(方法、遅延、持続時間){
       VAR = この;
      VaRのタイマー= この.timer。
      varが =始まる新しい日付を()getTime();
      戻り 関数(){
         VARの電流= 新しい日付()getTime()。
        clearTimeout(タイマー)。
        もし(現在- > =開始期間){ 
          方法(); 
          開始 = 現在; 
        } { 
          that.timer = setTimeoutメソッド(関数(){ 
            法()。
          }、遅延)。
        } 
      }。
    }、

タイマーがデータに定義されなければなりません

どのように使用するには:

私の需要は、検索の結果を入力ボックスにある、リアルタイムでアウトを示し

だから私は、入力ボックスの値は時計にバインドされている監視します

時計:{ 
    searchVal(newValueに){ 
      この .searchVal = newValueに;
       //はここで呼び出され、実行される
      この .fnThrottle(この .search、500、2000 )(); 
    } 
  }
方法:{ 
  検索(){ 
    // 要求関数
  }   
}

これは、スロットルVUEの機能を実現します。

補正へようこそ。

おすすめ

転載: www.cnblogs.com/chris-zy/p/11699370.html