Skip to content
On this page

refAutoReset

Category
Export Size
315 B
Last Changed
6 months ago
Alias
autoResetRef

A ref which will be reset to the default value after some time.

Demo

Default message

Usage

ts
import { refAutoReset } from '@vueuse/core'

const message = refAutoReset('default message', 1000)

const setMessage = () => {
  // here the value will change to 'message has set' but after 1000ms, it will change to 'default message'
  message.value = 'message has set'
}
import { refAutoReset } from '@vueuse/core'

const message = refAutoReset('default message', 1000)

const setMessage = () => {
  // here the value will change to 'message has set' but after 1000ms, it will change to 'default message'
  message.value = 'message has set'
}

Type Declarations

typescript
/**
 * Create a ref which will be reset to the default value after some time.
 *
 * @see https://vueuse.org/refAutoReset
 * @param defaultValue The value which will be set.
 * @param afterMs      A zero-or-greater delay in milliseconds.
 */
export declare function refAutoReset<T>(
  defaultValue: T,
  afterMs?: MaybeComputedRef<number>
): Ref<T>
export { refAutoReset as autoResetRef }
/**
 * Create a ref which will be reset to the default value after some time.
 *
 * @see https://vueuse.org/refAutoReset
 * @param defaultValue The value which will be set.
 * @param afterMs      A zero-or-greater delay in milliseconds.
 */
export declare function refAutoReset<T>(
  defaultValue: T,
  afterMs?: MaybeComputedRef<number>
): Ref<T>
export { refAutoReset as autoResetRef }

Source

SourceDemoDocs

Contributors

Anthony Fu
sun0day
wheat
Kasper Seweryn

Changelog

v9.1.1 on 8/23/2022
0fdbb - fix(shared): resolve internal circular reference
v8.9.1 on 7/8/2022
a9ccc - feat(all): use MaybeComputedRef (#1768)
v8.3.0 on 4/20/2022
8843f - fix: clear timeout on scope dispose (#1507)

Released under the MIT License.