正常情况下,组件的dom会挂在它的父组件的dom下.dom也成为父组件dom的子节点. 但有时候我们希望跳出这种限制,让子组件的dom可以脱离父组件的dom,这样可以避开一些dom上的bug. 比如,当父元素开启了transform时,子元素设置position:fixed是无效的.fixed正常应该相对于viewport定位,但这种场景下,会相对于transform的祖先元素进行定位. 上面是浏览器bug的情况,即便不是bug,也会有问题. 比如,父元素开启了overflow,而子元素想全屏展示,如果受到上面,子组件的dom只能挂父组件dom的限制,就无法实现. 而Element提供这样一个配置,就可以在子组件mounted时,将其dom直接插入body,避开上述限制
正常情况下,组件的dom会挂在它的父组件的dom下.dom也成为父组件dom的子节点.
但有时候我们希望跳出这种限制,让子组件的dom可以脱离父组件的dom,这样可以避开一些dom上的bug.
比如,当父元素开启了transform时,子元素设置position:fixed是无效的.fixed正常应该相对于viewport定位,但这种场景下,会相对于transform的祖先元素进行定位.
上面是浏览器bug的情况,即便不是bug,也会有问题.
比如,父元素开启了overflow,而子元素想全屏展示,如果受到上面,子组件的dom只能挂父组件dom的限制,就无法实现.
而Element提供这样一个配置,就可以在子组件mounted时,将其dom直接插入body,避开上述限制