append-to-body导致内层弹框样式设置不上

Element的Dialog组件,嵌套的 Dialog的append-to-body属性,差点把我气死 (append-to-body属性,导致内层弹框样式设置不上)

一、问题描述

append-to-body属性,导致内层弹框样式设置不上

二、解决办法,

自然是 去除 append-to-body 属性,内层弹框样式设置上了,且正常显示

三、弹框嵌套示例

要点:

  • 去掉 append-to-body 属性,内层弹框和外层弹框写在同级,只需把内层的那部分代码写在外层弹框的下面就行了,不用嵌套写。相当于两个dialog并列,后显示的写在最后就行了

  • 不是真正的嵌套的写法,只是看起来实现了想要弹出效果

  • 效果如图:

    Tips:

  • 弹框的样式已被重写,详情可参考
  • el-dialog的二次封装

  • ,里面的
  • comn_dialog

  • 样式即为弹框的样式,可根据自己的情况进行更改
(0)

相关推荐