防抖节流适用于input输入查询

最新推荐文章于 2024-07-20 18:16:53 发布

好多吃的啊

最新推荐文章于 2024-07-20 18:16:53 发布

阅读量298

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_50080847/article/details/134137191

版权

文章目录

- - 1 当监听input 输入变化做接口查询时，会出现疯狂的请求接口。这里用计时器做时间段查询。当用户输入完成1s后再走查询
- 4次输入1，不做节流会打印：1 11 111 1111

1 当监听input 输入变化做接口查询时，会出现疯狂的请求接口。这里用计时器做时间段查询。当用户输入完成1s后再走查询

	let searchTime  = null
    changeInput (e) {
      if(searchTime)clearTimeout(searchTime)
      searchTime = setTimeout(() => {
        console.log('time里面', e.detail.detail.value)
        api.post('url', {}).then(res => {})
        clearTimeout(searchTime)
      }, 1000);
    },