分享

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

 化茧成蝶时光机 2021-10-13

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多