Vant3 中文入门教程 Vant3 usePageVisibility

2024-02-25 开发教程 Vant3 中文入门教程 匿名 1

介绍

获取页面的可见状态。

代码演示

基本用法

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>