1、安装
npm i --save lodash.debounce
2、引入
import debounce from 'lodash.debounce'
3、使用
<van-search v-model="searchValue" placeholder="输入姓名或工号" @input='handleInput' />
第一种:
handleInput: debounce(function (val) {
console.log(val)
}, 200)
第二种:
handleInput(val) {
console.log(val)
}
created() {this.handleInput = debounce(this.handleInput, 200) // 搜索框防抖
}
这两种使用方式效果一样