1、新建throttle.js文件,复制该代码
export function throttle(fn, delay) {
let latestTime = 0
return function() {
const _this = this
const _arguments = arguments
const nowTime = new Date().getTime()
if (nowTime - latestTime > delay) {
fn.apply(_this, _arguments)
latestTime = nowTime
} else {
this.$util.Tips({
title: `点击次数过高,请${Math.ceil((delay - (nowTime - latestTime)) / 1000)}秒后再次尝试!`
})
}
}
}
2.调用方式
vue文件中引入
import {throttle} from "路径"
<button @click="btnFnc"><button/>
btnFnc: throttle(function() {
this.antiShakeBtn()
}, 2000),
antiShakeBtn() {
此方法是处理接口或者逻辑等等
},