useDocumentVisibility

反应式性地跟踪 document.visibilityState

¥Reactively track document.visibilityState

示例

source

💡 Minimize the page or switch tab then return

用法

¥Usage

import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()

组件用法

¥Component Usage

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

类型声明

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

源代码

源代码 • 示例 • 文档

变更日志

No recent changes