微信小程序防抖

https://www.cnblogs.com/daviddd/p/12470480.html

 

1:wxml:设置一个按钮

<button type="primary" bindtap="Clik">点我</button>

 

 

 2:utils 文件 utils .js 书写以下代码:

function debounce(fn, interval) {
  var timer;
  var gapTime = interval || 1000;//间隔时间,如果interval不传,则默认1000ms
  return function() {
    clearTimeout(timer);
    var context = this;
    var args = arguments;//保存此处的arguments,因为setTimeout是全局的,arguments不是防抖函数需要的。
    timer = setTimeout(function() {
      fn.call(context,args);
    }, gapTime);
  };
}
// 模块导出
module.exports = {
  formatTime,
  debounce
}

3:wxjs 文件引入

// 文件引入
import tool from "../../utils/util.js"
// 触发点击事件
    Clik:tool.debounce(function(evt) {
     console.log(evt)
   }),

4:效果图:

 

 

 

posted @ 2021-11-03 10:15  王越666  阅读(253)  评论(1编辑  收藏  举报