useDebounce
处理防抖值的 Hook。
代码演示
基础用法
API
typescript
const debouncedValue = useDebounce(
value: any,
options?: Options
);Params
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 需要防抖的值 | Ref<any> | - |
| options | 配置防抖的行为 | Options | - |
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| wait | 超时时间,单位为毫秒 | number|Ref<number> | 1000 |
| leading | 是否在延迟开始前调用函数 | boolean|Ref<boolean> | false |
| trailing | 是否在延迟开始后调用函数 | boolean|Ref<boolean> | true |
| maxWait | 最大等待时间,单位为毫秒 | number | - |
注意
options.wait支持动态变化。options.leading支持动态变化。options.trailing支持动态变化。options.maxWait支持动态变化。