vue实现浏览器全屏

1.安装

npm install --save screenfull

2.引入到页面

import screenfull from 'screenfull'

3.调用全屏事件

/**
 * 全屏事件
 */
screenfull() {

   if (!screenfull.enabled) {
      this.$message({
          message: 'Your browser does not work',
          type: 'warning'
      })
      return false
   }

   screenfull.toggle()
   this.isFullscreen = true
},

/**
 * 是否全屏并按键ESC键的方法
 */
checkFull() {

   var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled

   if (isFull === undefined) {
         isFull = false
   }

   return isFull
}