节流
通过设置 throttleWait 参数,useRequest 会对频繁的请求进行节流处理,在指定时间间隔内最多只执行一次请求,即使用户持续操作也会按固定频率执行。
节流的核心思想:控制执行频率,定期执行,适用于滚动加载、按钮防重复点击等场景。
基础用法
ts
const { data, run } = useRequest(searchService, {
throttleWait: 1000,
});Vue3Request 的节流是使用 lodash 提供的 throttle 实现的,options.throttleOptions.leading 和 options.throttleOptions.trailing 选项默认为 true,因此,多次触发 throttle 会在结束后再调用一次。
你可以通过options.throttleOptions 来自定义 throttle 的行为。
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| throttleWait | 节流等待时间(毫秒) | number | Ref<number> | - |
| throttleOptions | leading: 指定调用在节流开始前,trailing: 指定调用在节流结束后 | { leading?: boolean, trailing?: boolean } | { leading: true, trailing: true } |
