跳转到内容

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 支持动态变化。

Source ​

源码 · 文档 · 示例

基于 MIT 许可发布