防抖函数

小春春_xcc

已于 2022-12-19 11:34:01 修改

阅读量151

点赞数

分类专栏：前端文章标签：前端 javascript 开发语言

于 2022-12-10 17:33:36 首次发布

本文链接：https://blog.csdn.net/WMC_19931013/article/details/128267187

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

遇到了搜索框搜索问题，输入文字，自动搜索，发现按下键盘就调用接口，其实没必要每次没按下键盘就调用接口的，这里可以给它一个定时器
上代码

  <div>
    <el-input v-model="inp" @keyup="keyupp"></el-input>
    <div>{{inp}}</div>
  </div>

  const inp = ref(222)
 //记录上一次的延时器
  var timer = null;
  const keyupp = () => {
    // alert(111)
    clearTimeout(timer)
    // 重新设置新的延时器
    timer = setTimeout(function () {
      getPubplaPage()//调用接口
    }, 1000)
  }