Skip to content

节流

通过设置 throttleWait 参数,useRequest 会对频繁的请求进行节流处理,在指定时间间隔内最多只执行一次请求,即使用户持续操作也会按固定频率执行。

节流的核心思想:控制执行频率,定期执行,适用于滚动加载、按钮防重复点击等场景。

基础用法

ts
const { data, run } = useRequest(searchService, {
  throttleWait: 1000, 
});

Vue3Request 的节流是使用 lodash 提供的 throttle 实现的,options.throttleOptions.leadingoptions.throttleOptions.trailing 选项默认为 true,因此,多次触发 throttle 会在结束后再调用一次

你可以通过options.throttleOptions 来自定义 throttle 的行为。

Options

参数说明类型默认值
throttleWait节流等待时间(毫秒)number | Ref<number>-
throttleOptionsleading: 指定调用在节流开始前,trailing: 指定调用在节流结束后{ leading?: boolean, trailing?: boolean }{ leading: true, trailing: true }

贡献者 ☘️

Flame-00

Flame-00

Creator