コンテンツへスキップ

refAutoReset

カテゴリ
エクスポートサイズ
234 B
最終変更
先週
エイリアス
autoResetRef

一定時間後にデフォルト値にリセットされる ref。

デモ

デフォルトメッセージ

使い方

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

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

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

型宣言

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

ソース

ソースデモドキュメント

貢献者

Anthony Fu
Anthony Fu
moander
sun0day
wheat
Kasper Seweryn

変更履歴

v12.0.0-beta.1 2024/11/21
0a9ed - feat!: Vue 2 のサポートを削除、バンドルを最適化し、クリーンアップ (#4349)
v10.4.0 2023/8/25
71685 - feat: 値として maybe-ref をサポート (#3342)
v10.0.0-beta.4 2023/4/13
4d757 - feat(types)!: MaybeComputedRefMaybeRefOrGetter にリネーム
0a72b - feat(toValue): resolveUnreftoValue にリネーム

MITライセンスの下でリリースされています。