QDialog 组件非常适合用来让用户选择某个操作或一组操作，也可以用来向用户展示重要信息，或者要求用户做出一个（或多个）决定。
从 UI 的角度来看，对话框可以理解为一种浮动的模态窗口，它只覆盖屏幕的一部分区域。因此，对话框应该只用于快速的用户交互场景，比如验证密码、显示简短的通知、或者快速选择某个选项。
TIP
对话框也可以作为全局方法来使用，适用于更基础的场景，类似原生 JS 的 alert()、prompt() 等。如需了解这种用法，请前往 Dialog 插件 页面。
进阶技巧
与其在 .vue 模板中堆满 QDialog，不如把对话框的内容写成独立组件，然后通过 Dialog 插件 在应用的任何地方调用它。
用法
注意
建议将 QCard 作为 QDialog 的主要内容容器。如果你打算使用其他组件（如 QForm）或标签，请确保 QDialog 的直接子元素是一个 <div> 标签（或者自己用 <div> 包裹一层）。
基础
样式
定位
TIP
不要把 “position” 属性和显示/隐藏动画搞混。如果你想自定义动画效果，应该使用 transition-show 和 transition-hide，它们可以在任何 “position” 或 “maximized” 设置下独立使用。
多样化内容
对话框可以包含任意内容，以下是一些示例：
TIP
如果你要使用容器化的 QLayout，需要为 QDialog 设置宽度（当使用左/右定位时）或高度（当使用上/下定位时）。可以使用 vw 和 vh 单位。
处理滚动
不同模式
用户无法通过按 ESCAPE 键或点击/触摸背景遮罩来关闭对话框。
对话框也可以作为页面的一部分存在，而不需要立即获取焦点。这就是"无缝"模式的用武之地：
嵌套对话框
你可以在对话框之上再打开对话框，支持无限层级的嵌套。
尺寸调整
你可以自定义对话框的尺寸。注意，我们可以通过修改内容的样式，或者使用 full-width、full-height 属性来实现：
Cordova/Capacitor 返回按钮
Quasar 默认会帮你处理返回按钮的行为——按下返回键时会关闭已打开的对话框，而不是执行默认的返回上一页操作（那样的用户体验并不好）。
不过，如果你想禁用这个行为，可以编辑 /quasar.config 文件：
// quasar.config file
return {
framework: {
config: {
capacitor: {
// Quasar 处理手机返回按钮的退出行为
backButtonExit: true/false/'*'/['/login', '/home', '/my-page'],
// 另外，以下配置可以完全禁用
// Quasar 对返回按钮的管理
backButton: true/false
}
}
}
}