Appearance
debounce
debounce 是一个用于防抖的指令,适用于按钮点击或输入事件。
基础用法
ts
import { vDebounce } from '@qxs-bns/directives'注册 vDebounce 后,即可在模板中使用 v-debounce。
示例
loading
常见场景
- 按钮防止重复点击
- 输入框搜索防抖
- 高频触发事件的统一节流入口
API
Binding Value
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| [fn, event, time] | 绑定值 | Array | fn: 处理事件的函数,event: 监听的事件类型(默认为 'click'),time: 延时的时间(毫秒,默认为 500),非必传 |
注意事项
- 默认监听事件是
click。 - 如果传入自定义事件名,请确保对应 DOM 元素确实会派发该事件。