输入框搜索频繁请求接口,防抖函数可有效控制接口请求完成后,间隔设置的时长再次请求,避免一次请求未结束又进行了下一次请求。
1.安装lodash: npm install lodash --save
2.组件中使用:
import _ from 'lodash'
<input v-model="mobile" onkeyup="value=value.replace(/[^\d]/g,'')" @input="searchInfo" />
searchInfo: _.debounce(function() {
this.search();
}, 200),
search(){
if(this.mobile){
console.log('接口查询')
}
}
注:debounce若使用箭头函数,对this指向无效