主题
useThrottledRefHistory
带节流过滤器的 useRefHistory
的简写。
¥Shorthand for useRefHistory
with throttled filter.
示例
Count: 0
/Delay (in ms):
History (limited to 10 records for demo)
2024-11-29 22:46:31{ value: 0 }
用法
¥Usage
该函数在计数器值更改后立即拍摄第一个快照,并延迟 1000 毫秒拍摄第二个快照。
¥This function takes the first snapshot right after the counter's value was changed and the second with a delay of 1000ms.
ts
import { useThrottledRefHistory } from '@vueuse/core'
import { ref } from 'vue'
const counter = ref(0)
const { history, undo, redo } = useThrottledRefHistory(counter, { deep: true, throttle: 1000 })
类型声明
typescript
export type UseThrottledRefHistoryOptions<Raw, Serialized = Raw> = Omit<
UseRefHistoryOptions<Raw, Serialized>,
"eventFilter"
> & {
throttle?: MaybeRef<number>
trailing?: boolean
}
export type UseThrottledRefHistoryReturn<
Raw,
Serialized = Raw,
> = UseRefHistoryReturn<Raw, Serialized>
/**
* Shorthand for [useRefHistory](https://vueuse.org/useRefHistory) with throttled filter.
*
* @see https://vueuse.org/useThrottledRefHistory
* @param source
* @param options
*/
export declare function useThrottledRefHistory<Raw, Serialized = Raw>(
source: Ref<Raw>,
options?: UseThrottledRefHistoryOptions<Raw, Serialized>,
): UseThrottledRefHistoryReturn<Raw, Serialized>