useDocumentVisibility

监听页面是否可见，参考 visibilityState API

代码演示

基础用法

documentVisibility-history:

当前状态:visible

点击查看代码

<script setup>
import { useDocumentVisibility } from "ahooks-for-vue";
import { ref } from "vue";
const list = ref([]);
const { documentVisibility } = useDocumentVisibility((v) => {
  list.value.push(v);
});
</script>
<template>
  <div>documentVisibility-history: {{ list.join(",") }}</div>
  当前状态:{{ documentVisibility }}
</template>
<style></style>

API

const { documentVisibility } = useDocumentVisibility();

Result

参数	说明	类型
documentVisibility	判断 document 是否处于可见状态	Ref<visible| hidden | prerender> | undefined

Params

参数	说明	类型
callBack	回调函数	( documentVisibility ) => void)

Result 相比ahooks新增的APi

参数	说明	类型
restart	重新开始监听函数	() => void
stop	移除监听函数	() => void