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> |