Vant4 usePageVisibility

介绍

获取页面的可见状态。

代码演示

基本用法

import { watch } from vue;
import { usePageVisibility } from @vant/use;

export default {
  setup() {
    const pageVisibility = usePageVisibility();

    watch(pageVisibility, (value) => {
      console.log(visibility: , value);
    });
  },
};

API

类型定义

type VisibilityState = visible | hidden;

function usePageVisibility(): Ref<VisibilityState>;

返回值

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