Skip to content

useDebouncedRefHistory

分类
导出大小
1.28 kB
最后更改
5 天前
相关

带有防抖过滤器的 useRefHistory 的简写。

演示

计数: 0
/
延迟 (毫秒)

历史记录 (演示限制为 10 条记录)
2025-03-10 03:47: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 })

类型声明

typescript
/**
 * 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>

源码

SourceDemoDocs

贡献者

Anthony Fu
IlyaL
Anthony Fu
Roman Harmyder
OrbisK
wheat

更新日志

v12.8.0 on 3/5/2025
7432f - feat(types): 弃用 MaybeRefMaybeRefOrGetter,转而使用 Vue 的原生类型 (#4636)
v12.0.0-beta.1 on 11/21/2024
0a9ed - feat!: 放弃 Vue 2 支持,优化捆绑包并清理代码 (#4349)
v10.0.0-beta.4 on 4/13/2023
4d757 - feat(types)!: 将 MaybeComputedRef 重命名为 MaybeRefOrGetter

在 MIT 许可证下发布。