Skip to content

useDocumentVisibility

Category
Export Size
599 B
Last Changed
3 months ago

响应式跟踪 document.visibilityState

Demo

💡 Minimize the page or switch tab then return

用法

js
import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()

组件用法

vue
<template>
  <UseDocumentVisibility v-slot="{ visibility }">
    文档可见性:{{ visibility }}
  </UseDocumentVisibility>
</template>

Type Declarations

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

Source

SourceDemoDocs

Contributors

Anthony Fu
丶远方
Anthony Fu
Antério Vieira
IlyaL
James Garbutt
Fernando Fernández
vaakian X
Jelf
Shinigami
wheat
Alex Kozack
Scott Bedard

Changelog

v12.4.0 on
dd316 - feat: use passive event handlers everywhere is possible (#4477)
v12.0.0-beta.1 on
0a9ed - feat!: drop Vue 2 support, optimize bundles and clean up (#4349)

Released under the MIT License.