您的当前位置:首页正文

微信小程序防止重复点击

2024-11-26 来源:个人技术集锦

在/utils/util.js(工具类)加入以下代码

module.exports = {
  throttle: throttle
}
// 函数节流(throttle):函数在一段时间内多次触发只会执行第一次
const throttle = (fn, gapTime) => {
  if (gapTime == null || gapTime == undefined) {
    gapTime = 1500
  }
  let _lastTime = null
  return function () {
    let _nowTime = + new Date()
    if (_nowTime - _lastTime > gapTime || !_lastTime) {
      // 将this和参数传给原函数
      fn.apply(this, arguments)
      _lastTime = _nowTime
    }
  }
}

在使用的页面:在/index/index.js使用

toStoreList是click的事件名

 toStoreList: util.throttle(function () {
       console.log('111111111')
  },1000),

 

显示全文