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

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

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

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

阅读 2.2k
1 个回答

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

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

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

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

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

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

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