关于vue.js:调用requestFullscreen使dom全屏时element组件被隐藏

调用requestFullscreen使dom全屏时，element组件被暗藏
这个声音的组件我用的时elementUI的组件，未全屏时，失常显示。

当我使其父DOM全屏时，该音量条被笼罩，层级设置多高都没用。

起因：

所用到的组件为element的组件，该弹窗组件会生成在body中，和我的项目主体app为平行关系，我的项目主体全屏后，层级最高，弹出会被盖在app层级上面，不能显示。

解决办法：

不要使某个元素全屏，使整个document全屏，就不会被笼罩，因为主动生成的要显示组件和body同级。

相干代码：

// 全屏
requestFullscreen = (element) => {
  const element = element || document.documentElement
  if (element.requestFullscreen) {
    element.requestFullscreen()
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen()
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen()
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen()
  }
}
// 退出全屏
exitFullscreen = () => {
  if (document.exitFullscreen) {
    document.exitFullscreen()
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen()
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen()
  } else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen()
  }