vue2.0_搜索框之节流函数(解决事件频繁触发导致的频繁发起请求)

节流函数

前言

  在我们项目中有一个比较常见的场景,我们要在input搜索框实时输入实时发送请求查询相关数据。但是实时的事件触发会导致请求被触发多次,过于频繁。为了解决这个问题,我们通过以下节流函数的方法来加以限制,以免浪费资源。
具体操作,请看一下的代码。

HTML
//搜索框
<van-search
      clickable
      class="van-search"
      v-model="val"
      show-action
      placeholder="请输入关键字进行搜索"
      @input="goSearch"
>
</van-search>

//展示数据的列表
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值