Vue で手ぶれ補正を実装するためのサンプルコード

const デバウンス = 関数 (fn, 遅延) {
	タイマーを null にする
	関数()を返す{
		コンテンツ = this; とします。
		args = 引数とします。
		if(タイマー){
			タイムアウトをクリア(タイマー)
		}
		タイマー = setTimeout(()=>{
			fn.apply(コンテンツ、引数)
		}、 遅れ）
	}
}
デフォルトのデバウンスをエクスポートする

<テンプレート>
 <div class="main">
  <el-input v-model="input" @change="changeSeletc" placeholder="コンテンツを入力してください"></el-input>
 </div>
</テンプレート>
<スクリプト>
 「../utils/debounce」からdebounceをインポートします。
 エクスポートデフォルト{
  名前:「アラーム」、
  データ（）{
   戻る {
    入力: ''
   }
  },
  方法:{
   changeSeletc:debounce(function() {
    コンソールログ(この入力)
   },500)、
  }
 }
</スクリプト>
<スタイルスコープ>
</スタイル>