Element UI 组件的属性中有这么一句话?

"将元素插入至body元素中"是什么意思?

个人理解:这个元素不是fixed的.

不知道理解是否有偏差 请大佬指正

已解决 悬赏分:20 - 解决时间 2021-11-28 23:58
反对 0举报 0 收藏 0

回答1

最佳
  • @

    正常情况下,组件的dom会挂在它的父组件的dom下.dom也成为父组件dom的子节点.

    但有时候我们希望跳出这种限制,让子组件的dom可以脱离父组件的dom,这样可以避开一些dom上的bug.

    比如,当父元素开启了transform时,子元素设置position:fixed是无效的.fixed正常应该相对于viewport定位,但这种场景下,会相对于transform的祖先元素进行定位.

    上面是浏览器bug的情况,即便不是bug,也会有问题.

    比如,父元素开启了overflow,而子元素想全屏展示,如果受到上面,子组件的dom只能挂父组件dom的限制,就无法实现.

    而Element提供这样一个配置,就可以在子组件mounted时,将其dom直接插入body,避开上述限制

    支持 0 反对 0 举报
    2021-11-28 10:23