VUE 进入全屏和退出全屏

将内容区域进入全屏和退出

进入全屏

    const fullScreen = () => {
      var de: any = document.documentElement;
      if (de.requestFullscreen) {
        // W3C
        de.requestFullscreen();
      } else if (de.mozRequestFullScreen) {
        // FireFox
        de.mozRequestFullScreen();
      } else if (de.webkitRequestFullScreen) {
        // Chrome等
        de.webkitRequestFullScreen();
      } else if (de.msRequestFullscreen) {
        // IE11
        de.msRequestFullscreen();
      }
      document.getElementsByTagName('body')[0].classList.add('full-screen');
      // 用于判断页面是否处于全屏状态 -> 进入全屏
      state.isFullScreen = true;
    };

退出全屏

    const exitFullscreen = () => {
      var de: any = document;
      if (de.exitFullscreen) {
        de.exitFullscreen();
      } else if (de.mozCancelFullScreen) {
        de.mozCancelFullScreen();
      } else if (de.webkitExitFullscreen) {
        de.webkitExitFullscreen();
      } else if (de.msExitFullscreen) {
        de.msExitFullscreen();
      }
      document.getElementsByTagName('body')[0].classList.remove('full-screen');
      // 用于判断页面是否处于全屏状态 -> 退出全屏
      state.isFullScreen = false;
    };