vue中使用防抖

原创已于 2024-12-02 16:05:12 修改

· 133 阅读

0 ·

版权

文章标签：

#vue.js #javascript #前端

于 2024-12-02 16:02:44 首次发布

在util文件夹下新建一个validate.js文件

validate.js内容如下：

export function debounce(fn,timerDelay){
  var timerDelay=timerDelay||1000;
  var timer;
  return function (){
     var that=this;
     var params=arguments;
    if(timer) clearTimeout(timer)
    timer=setTimeout(()=>{
      fn.apply(that,params)
     },timerDelay)
 }
}

使用时在组件中直接引用

import {
  debounce
} from '@/util/validate'

然后在methods里面写函数中直接使用

methods: {
    changeType: debounce(function(){
      //这里面写具体的逻辑
    }, 500),
}