useDocumentVisibility

類別

元素

導出大小

599 B

上次變更

3 週前

響應式追蹤 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.dev.org.tw/useDocumentVisibility
 */
export declare function useDocumentVisibility(
  options?: ConfigurableDocument,
): ShallowRef<DocumentVisibilityState>

原始碼

原始碼 • 示範 • 文件

貢獻者

Anthony Fu

Anthony Fu

Antério Vieira

IlyaL

James Garbutt

Fernando Fernández

vaakian X

Jelf

Shinigami

wheat

Alex Kozack

Scott Bedard

更新日誌

v12.4.0 於 2025/1/10

dd316 - feat: 盡可能在任何地方使用被動事件處理器 (#4477)

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

0a9ed - feat!: 移除 Vue 2 支援，優化 bundle 並清理 (#4349)