效果图:
<uni-search-bar class="uni-mt-10" radius="28" placeholder="请输入搜索内容"
clearButton="auto"
cancelButton="none"
:focus="true"
@input="search" />
data() {
return {
timer: null
}
},
methods: {
search(res) {
clearTimeout(this.timer) //清除延时器
this.timer = setTimeout(() => { //重新开启新的延时器
console.log('请求接口', res)
}, 500)
}
}