防抖- 微信小程序输入框input

微信小程序input输入框的bindinput,每输入一个字符都会触发一次,为了避免频繁触发bindinput绑定的函数,可采用”防抖“功能。

防抖:在执行bindinput时,第一次触发时,会先设置一个定时器,比如定时1000ms(1秒),在定时器1000毫秒之后,才执行bindinput绑定的函数,即延迟了函数的执行时间,第二次触发时,如果两次时间间隔小于1000毫秒,则清除上一次的定时器(即取消第一次的函数执行),然后设置新定时器,即定时1000毫秒后进行第二次函数操作,以此类推,直至最后一次执行bindinput时,在定时器时间结束时,执行bindinput绑定的函数。

一下代码未进行时间间隔判断,大家可以自行加入。

timeId:0,

//输入框内的值改变就会触发该函数
 handleInput(e) {
     
 		const {value} = e.detail  //拿到输入框中的值
        clearTimeout(this.timeId) //清除定时器
        this.timeId = setTimeout(()=>{     
            this.search(value) //发送请求,间隔时间为1s
        },1000)
    },
    
 //向后台发起搜索的request请求
 search(value) {
     
        const {data} = request({url: '地址', data: {value}})
        console.log(data)
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

少杰()

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值