在nuxt3中使用Dialog和Message时，Message会被Dialog遮罩层覆盖；z-index没有按照预期增加，层级不共享

[esoon697]

问题描述

在nuxt3中使用Dialog和Message时，先弹出Dialog弹窗再调用Message；Message会被Dialog遮罩层覆盖；z-index没有按照预期增加，层级不共享。
理想情况下应该是，Message在Dialog的上层，z-index按照调用先后共享递增。

---

环境信息

• 操作系统: Windows 11
• 运行环境/浏览器版本: Chrome 116, Node.js 18.19.1

---

重现步骤

1. [步骤一] Dialog弹窗可见性设置为true
2. [步骤二] 点击弹窗中的任意按钮，弹出Message

---

预期行为

Message浮动在Dialog的上层

---

实际行为

Message会被Dialog遮罩层覆盖，Message的z-index从默认index开始递增

---

截图或日志

• 
• 

---

相关链接

---

备注