usePageVisibility

介绍

获取页面的可见状态。

代码演示

基本用法

  1. import { watch } from 'vue';
  2. import { usePageVisibility } from '@vant/use';
  3. export default {
  4. setup() {
  5. const pageVisibility = usePageVisibility();
  6. watch(pageVisibility, (value) => {
  7. console.log('visibility: ', value);
  8. });
  9. },
  10. };

API

类型定义

  1. type VisibilityState = 'visible' | 'hidden';
  2. function usePageVisibility(): Ref<VisibilityState>;

返回值

参数说明类型
visibilityState页面当前的可见状态,visible 为可见,hidden 为隐藏Ref<VisibilityState>

usePageVisibility - 图1