Skip to content

usePageLeave

响应式状态,用于显示鼠标是否离开页面。

使用方法

ts
import { usePageLeave } from '@vueuse/core'

const isLeft = usePageLeave()

组件使用

vue
<template>
  <UsePageLeave v-slot="{ isLeft }">
    是否离开页面: {{ isLeft }}
  </UsePageLeave>
</template>

Type Declarations

ts
export interface UsePageLeaveOptions extends ConfigurableWindow {}
export type UsePageLeaveReturn = ShallowRef<boolean>
/**
 * 响应式状态,用于显示鼠标是否离开页面。
 *
 * @see /usePageLeave
 * @param options
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function usePageLeave(
  options?: UsePageLeaveOptions,
): UsePageLeaveReturn