弹窗

Vue

实现方式

原生弹窗

• use::

  弹窗API

  • window.alert()：弹出警告框。
  • window.prompt()：弹出输入框。
  • window.confirm()：弹出确认框。

  指向原始笔记的链接

简单实现

• 窗体连同蒙板一起放在页面最顶层，包括结构最顶层（Vue 组件模板中的teleport标签到body下）与视图最顶层（绝对布局）
• 根标签为全屏蒙板，点击事件会关闭弹窗
• 窗体容器里面存放内容标签，同时容器捕捉点击事件并阻止冒泡

• 逻辑控制该元素的控制元素的显示

第三方组件库实现

• 对话弹窗