跳到主要内容

useDebouncedRefHistory

分类
导出大小
1.39 kB
上次更改
8 个月前
相关

带防抖过滤器的 useRefHistory 简写。

演示

计数:0
/
延迟 (毫秒)

历史记录 (演示限制为 10 条)
2025-10-23 06:49:01{ value: 0 }

用法

当计数器的值开始变化时,此函数会在 1000 毫秒后捕获其快照。

ts
import { 
useDebouncedRefHistory
} from '@vueuse/core'
import {
shallowRef
} from 'vue'
const
counter
=
shallowRef
(0)
const {
history
,
undo
,
redo
} =
useDebouncedRefHistory
(
counter
, {
deep
: true,
debounce
: 1000 })

类型声明

ts
/**
 * Shorthand for [useRefHistory](https://vueuse.org.cn/useRefHistory) with debounce filter.
 *
 * @see https://vueuse.org.cn/useDebouncedRefHistory
 * @param source
 * @param options
 */
export declare function 
useDebouncedRefHistory
<
Raw
,
Serialized
=
Raw
>(
source
:
Ref
<
Raw
>,
options
?:
Omit
<
UseRefHistoryOptions
<
Raw
,
Serialized
>, "eventFilter"> & {
debounce
?:
MaybeRefOrGetter
<number>
}, ):
UseRefHistoryReturn
<
Raw
,
Serialized
>

来源

源码演示文档

贡献者

Anthony Fu
IlyaL
Anthony Fu
Roman Harmyder
Robin
OrbisK
wheat

更新日志

v12.8.0
7432f - feat(types): 废弃 MaybeRefMaybeRefOrGetter,转而使用 Vue 的原生类型 (#4636)
0a9ed - feat!: 放弃对 Vue 2 的支持,优化打包并清理 (#4349)

根据 MIT 许可证发布。