useDocumentVisibility

响应式地追踪 document.visibilityState (文档的可见状态)。

Demo

使用

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.org/useDocumentVisibility
 */
export declare function useDocumentVisibility(
  options?: ConfigurableDocument,
): ShallowRef<DocumentVisibilityState>

useActiveElement

useDraggable