输入框 扫描获得信息 防抖数据

vue 用于扫描获取到信息，反馈到input框里面，跟硬件交互时使用

<input class="inputDev" ref="inputCustomerId" v-debounce="updateCardId"  placeholder="请输入"  v-model="form.customerId " />

directives: {
            debounce: {
                inserted(el, binding, vnode) {
                    let interval = null;
                    el.addEventListener('input', () => {
                        if (interval !== null) {
                            clearInterval(interval);
                        }
                        interval = setTimeout(() => {
                            binding.value(el.value); // 使用binding.value执行传递进来的函数，传入input的值
                            // console.log('el.value',el.value)
                        }, 100); // 设置防抖时间，这里是100毫秒
                    });
                }
            }
        },

method:{

// 更新证件号数据
            updateCardId(value){
                console.log('value', value)
                this.form.customerId = value
            },

}