使用场景:
搜索框中值变化之后,不要立即去请求后台接口,而是以一定的时间间隔去请求。较少服务器压力
1.先安装lodash
npm i --save lodash
地址:lodash网址
2.引入
import { debounce } from “lodash”;
3.使用:
注:下面只写了关键代码,通过监听input中值的变化而进行请求。
<van-search
v-model="serachContent"
show-action
placeholder="请输入搜索关键词"
@search="onSearch"
/>
watch:{
serachContent: debounce(
function (value){
this.change(value);
}, 3000)
},
change(value){
console.log("我去请求了,值为:" + value);
},