Skip to content
本页导航

debounce ​

debounce 是一个用于防抖的指令,适用于按钮点击或输入事件。

基础用法 ​

ts
import { vDebounce } from '@qxs-bns/directives'

注册 vDebounce 后,即可在模板中使用 v-debounce。

示例 ​

loading

常见场景 ​

  • 按钮防止重复点击
  • 输入框搜索防抖
  • 高频触发事件的统一节流入口

API ​

Binding Value ​

名称说明类型默认值
[fn, event, time]绑定值Arrayfn: 处理事件的函数,event: 监听的事件类型(默认为 'click'),time: 延时的时间(毫秒,默认为 500),非必传

注意事项 ​

  • 默认监听事件是 click。
  • 如果传入自定义事件名,请确保对应 DOM 元素确实会派发该事件。
debounce has loaded