当前位置: 代码迷 >> 综合 >> 微信小程序防止点击界面发生两次跳转问题
  详细解决方案

微信小程序防止点击界面发生两次跳转问题

热度:44   发布时间:2023-09-27 12:58:08.0

问题描述:在使用小程序中,如果用户点击按钮过快,会出现两个一模一样下级界面,这样很影响用户的正常体验。

解决办法:在util文件中增加全局按钮函数节流和函数防抖函数

代码如下:

/*按钮函数节流和函数防抖*/
function throttle(fn, gapTime) {if (gapTime == null || gapTime == undefined) {gapTime = 1500}let _lastTime = null// 返回新的函数return function () {let _nowTime = + new Date()if (_nowTime - _lastTime > gapTime || !_lastTime) {fn.apply(this, arguments)   //将this和参数传给原函数_lastTime = _nowTime}}
}

在js中调用时:

  test: util.throttle(function (e) {console.log(111);}, 1000),

好了,问题解决啦,以上均为本人使用方法,如有错误,望各位指正!

  相关解决方案