连点限制

data(){

return{

  xianzhi:0

}

}

fun(){

  let now = new Date().getTime(); //获取当前时间戳
  if((now - this.xianzhi) < 2000){
  console.log('点击频繁')  //限制两秒内点击多次检测
  return
}

// 请求体(事件) //

this.xianzhi = now

}

 

封装好的节流函数

// throttle.js
//func 代表你要传递的函数,delay代表多长时间执行一次
export default function throttle(func, delay) {
  let lastTime = 0;

  return function(...args) {
    const now = Date.now();

    if (now - lastTime >= delay) {
      func.apply(this, args);
      lastTime = now;
    }
  };
}
要引入的文件
import throttle from './throttle.js';
export default{

  methods:{
    fun(){
      throttle(函数名,时间)
  }
}
}


posted @ 2023-05-25 08:58  爱吃变态辣  阅读(72)  评论(0)    收藏  举报