繰り返しの送信を防ぐために、通常は手ぶれ補正を使用してそれを実現します。以下は参考のために私のプロジェクトで使用したスクリーンショットです。
コードは以下のように表示されます。
グローバル utils ファイルでグローバル メソッドを定義する
/**
* 简易防抖函数
* @param {Function} func -防抖目标函数
* @param {Number}} gap - 防抖时间间隔
*/
export const debounce = (func, gap) => {
let timer
return function () {
timer && clearTimeout(timer)
timer = setTimeout(() => {
func.apply(this, arguments)
}, gap)
}
}
ビジネス .vue ファイルでの使用
import { debounce } from '@/utils/index.js' //先引入全局防抖方法
mounted () {
this.debounceSearch = debounce(this.debounceSearch, 500)
},