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