useDocumentVisibility

类别

Elements

导出大小

621 B

最近修改

8 months ago

响应式追踪 document.visibilityState

🌐 Reactively track document.visibilityState

示例

源代码在线运行

💡 Minimize the page or switch tab then return

用法

🌐 Usage

<script setup lang="ts">
import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()
</script>

组件用法

🌐 Component Usage

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