vue 后台管理系统 全屏

toggleScreen() {
  if(this.screen){ //判断全屏状态

    this.$refs.components_layout_side.$el.requestFullscreen()
  }else{

    //退出全屏的时候,对象是document

    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.webkitCancelFullScreen) {
      document.webkitCancelFullScreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    }
  }
  this.screen = !this.screen;
},

posted @ 2023-03-25 17:33  RLflash  阅读(56)  评论(0编辑  收藏  举报