问题:

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

第一层Dialog 

VUE 多级dialog产生蒙版问题解决

第二层Dialog 

VUE 多级dialog产生蒙版问题解决

解决办法:

在第二层Dialog上加append-to-body的属性

效果:

VUE 多级dialog产生蒙版问题解决

 

相关文章:

  • 2021-08-17
  • 2022-12-23
  • 2022-12-23
  • 2021-11-01
  • 2022-12-23
  • 2023-03-30
  • 2021-09-03
  • 2021-05-12
猜你喜欢
  • 2021-04-13
  • 2022-12-23
  • 2021-05-17
  • 2022-12-23
  • 2021-10-05
  • 2021-11-17
相关资源
相似解决方案