vue 全屏功能

<el-button type="danger" size="mini" @click="fullScreen()">全屏</el-button>

<div class="dashboard" id="content">
  //里面是全屏的内容
</div>

js:
fullScreen () {
      var elem = document.getElementById('content')
      requestFullScreen(elem)

      function requestFullScreen (element) {
        var requestMethod =
          element.requestFullScreen ||
          element.webkitRequestFullScreen ||
          element.mozRequestFullScreen ||
          element.msRequestFullScreen
        if (requestMethod) {
          requestMethod.call(element)
        } else if (typeof window.ActiveXObject !== 'undefined') {
          var wscript = new ActiveXObject('WScript.Shell')
          if (wscript !== null) {
            wscript.SendKeys('{F11}')
          }
        }
      }
}

猜你喜欢

转载自blog.csdn.net/weixin_43173924/article/details/89711446
今日推荐