輸入框搜索頻繁請(qǐng)求接口，防抖函數(shù)可有效控制接口請(qǐng)求完成后救军，間隔設(shè)置的時(shí)長(zhǎng)再次請(qǐng)求财异，避免一次請(qǐng)求未結(jié)束又進(jìn)行了下一次請(qǐng)求。
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('接口查詢(xún)')
????}
}
注：debounce若使用箭頭函數(shù)唱遭，對(duì)this指向無(wú)效
