js点击按钮全屏与退出

//全屏和退出事件
      fscreen() {
        var el = document.documentElement
        var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen
        if (!isFullscreen) {
          //进入全屏
          (el.requestFullscreen && el.requestFullscreen()) ||
          (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
          (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) ||
          (el.msRequestFullscreen && el.msRequestFullscreen())
        } else {
          //退出全屏
          document.exitFullscreen
            ? document.exitFullscreen()
            : document.mozCancelFullScreen
            ? document.mozCancelFullScreen()
            : document.webkitExitFullscreen
            ? document.webkitExitFullscreen()
            : ''
        }
      }
//兼容多浏览器写法

<span id="fullScreen" @click="fscreen">全屏</span>