useDocumentVisibility

カテゴリ

要素

エクスポートサイズ

542 B

最終変更日

先週

document.visibilityStateをリアクティブに追跡します

デモ

ソース

💡 ページを最小化するか、タブを切り替えてから戻ってください

使用方法

import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()

コンポーネントでの使用方法

この関数は、@vueuse/componentsパッケージを介してレンダーレスコンポーネントバージョンも提供します。 使用方法の詳細はこちら。

<template>
  <UseDocumentVisibility v-slot="{ visibility }">
    Document Visibility: {{ visibility }}
  </UseDocumentVisibility>
</template>

型宣言

/**
 * Reactively track `document.visibilityState`.
 *
 * @see https://vueuse.dokyumento.jp/useDocumentVisibility
 */
export declare function useDocumentVisibility(
  options?: ConfigurableDocument,
): Ref<DocumentVisibilityState>

ソース

ソース • デモ • ドキュメント

貢献者

Anthony Fu

Antério Vieira

Anthony Fu

vaakian X

Jelf

Shinigami

wheat

Alex Kozack

Scott Bedard

変更履歴

v12.0.0-beta.1 2024/11/21

0a9ed - feat!: Vue 2 サポートの削除、バンドルの最適化、クリーンアップ (#4349)

v9.11.0 2023/01/17

d5321 - fix(components): defineComponent を pure とマーク (#2623)