关于element-ui的el-dialog的问题?

如何同时让两个dialog出现在同一级?

使用el-dialog 嵌套
image.png
都挂载到body下,但是由于定位导致无法同时操作这两个弹框,
image.png
但是我想让这两个dialog在同一级别,同时操作这两个弹框
image.png
能实现吗?

阅读 5.6k
4 个回答

element-ui的弹窗的z-index是一个动态化的,无法进行传参修改其z-index德职

  • 如果说你想实现同时出现两个弹窗的话
    1、那你要用Javascript去获取弹窗的数据
    2、手动的将倒数1、2个弹窗的z-index修改成一致的
    3、将两个弹窗的的position进行指定的修改,将其展示成你想要的样子

其实通过嵌套dialog是最好的

推荐使用嵌套dialog

如果dialog叠加,让他们同一层,会遮挡,不建议这样做。

建议自己写个div放两个dialog,也不复杂

可以把问题描述清楚点, 你的最终目的是什么? 因为解决办法不只一种

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题