问题:
在vue的项目中,应用嵌套Dialog(不建议使用)时,遇到了产生蒙版的问题,怎么设置z-index也不管用,现象就是第一层dialog正常,显示第二层时,出现整屏蒙版,鼠标点击任意位置后,蒙版消失,如下图。
第一层Dialog
第二层Dialog
解决办法:
在第二层Dialog上加append-to-body的属性
效果:
在vue的项目中,应用嵌套Dialog(不建议使用)时,遇到了产生蒙版的问题,怎么设置z-index也不管用,现象就是第一层dialog正常,显示第二层时,出现整屏蒙版,鼠标点击任意位置后,蒙版消失,如下图。
第一层Dialog
第二层Dialog
在第二层Dialog上加append-to-body的属性
效果: