vue3 闭包 防抖

防抖：一段时间内，连续多次触发，只执行最后一次

防抖方法：

// 防抖
        const debounce = (fun,delay=500) => {
            var timer;
            return function(){
                if(timer){ 
                    clearTimeout(timer)
                    timer = null
                }
                timer = setTimeout(()=>{
                    fun.call(this, ...arguments);
                },delay)
            }
        }

调用防抖方法：

const monitorFn = debounce((e,w)=>{
            switch (w){
                case 'SN':
                    uni.setStorageSync('SN',e)//不同输入框的不同事件处理方式
                    break;
                case 'KEY':
                    uni.setStorageSync('KEY',e)
                    break;
                default:
                    break;
            }
        },1000)

 

页面内：

<input label="SN"  placeholder="请输入SN" @input="monitorFn($event,'SN')" :value="SN"></input>
<input label="KEY" placeholder="请输入KEY" @input="monitorFn($event,'KEY')" :value="KEY"></input>         

 

一个简单的输入框防抖好了