问题:一个大屏用到了element的popover,在非全屏模式下可以显示,但是在全屏模式下却不能显示。
去网上查阅资料都说是 要设置:popper-append-to-body="false"和 :append-to-body="false"脱离body,加载到父元素里,就可以显示了但是我这里不行。
后来才发现了这个
top-layer
关于top-layer详细介绍可以看这2篇文章
top-layer其实就是层级顶级元素,级别高于z-index,一个页面可以有多个层级顶级元素,至于哪个在最上面,采用的是后来居上的原则,也就是那个后显示,那个就在上面,我代码里使用了requestFullscreen把body下层的元素全屏,下层元素会加上top-layer就成了顶层元素,会把body盖住了,自然popover的弹出层就看不到了。
解决方案: 把body提到顶层有了top-layer,全屏模式下popover的弹出层就可以显示