usePageVisibility

获取页面的可见状态。

基本用法

import { watch } from 'vue'
import { usePageVisibility } from '@ryxon/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>