【uni-app】搜索框的防抖处理

效果图:

【uni-app】搜索框的防抖处理_第1张图片


<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)
			}
		}

你可能感兴趣的:(微信小程序,前端,vue.js,javascript)