Skip to content

useDocumentVisibility

类别
导出体积
692 B
上次更改
last week

响应式跟踪 document.visibilityState

示例

💡 Minimize the page or switch tab then return

用法

vue
<script setup lang="ts">
import { 
useDocumentVisibility
} from '@vueuse/core'
const
visibility
=
useDocumentVisibility
()
</script>

组件用法

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

类型声明

ts
/**
 * 响应式 `document.visibilityState`.
 *
 * @see https://vueuse.org/useDocumentVisibility
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function 
useDocumentVisibility
(
options
?:
ConfigurableDocument
,
):
ShallowRef
<string, string>
export type
UseDocumentVisibilityReturn
=
ReturnType
<
typeof
useDocumentVisibility
>

源码

源码演示文档

贡献者

Anthony Fu
一纸忘忧
Anthony Fu
Antério Vieira
IlyaL
SerKo
青椒肉丝
Robin
IlyaL
James Garbutt
Fernando Fernández
vaakian X
Jelf
Shinigami
wheat
Alex Kozack
Scott Bedard

更新日志

8c521 - feat(components)!: refactor components and make them consistent (#4912)
d32f8 - refactor: add @__NO_SIDE_EFFECTS__ annotations to all pure functions (#4907)
dd316 - feat: use passive event handlers everywhere is possible (#4477)
0a9ed - feat!: drop Vue 2 support, optimize bundles and clean up (#4349)