input输入搜索防抖函数

输入框搜索频繁请求接口,防抖函数可有效控制接口请求完成后,间隔设置的时长再次请求,避免一次请求未结束又进行了下一次请求。

1.安装lodash: npm install lodash --save

2.组件中使用:

import _ from 'lodash'

searchInfo: _.debounce(function() {

       this.search();

 }, 200),

search(){

    if(this.mobile){

        console.log('接口查询')

    }

}

注:debounce若使用箭头函数,对this指向无效

你可能感兴趣的:(input输入搜索防抖函数)