Skip to content

NsUncatchableModal 追不到弹窗

这是一个“追不到”的弹窗:你越追,它越瞬移;你越想点到,它越不在。

✅ 行为说明

  • 弹窗结构是正常的(Header / Content / Footer)
  • 弹窗会瞬移远离你的鼠标
  • 鼠标接近弹窗会触发瞬移
  • 关闭方式:按 Esc 或点击遮罩(如果开启遮罩)

🎮 演示

鼠标接近触发

📚 使用方法

vue
<template>
  <button @click="open = true">打开弹窗</button>
  <NsUncatchableModal
    v-model:open="open"
    content="提示:别追了……按 Esc 退出。"
    :show-effect="true"
  />
</template>

属性 (Props)

属性名类型默认值说明
openboolean-控制弹窗打开/关闭(可用 v-model:open)。
showEffectbooleantrue是否展示传送特效。
maskbooleantrue是否显示遮罩层。
closeOnMaskbooleantrue点击遮罩是否关闭。
escClosablebooleantrue是否允许 Esc 关闭。

Built with VitePress