VUE使用screenfull實現全屏

簡介

點擊某按鈕實現頁面全屏 按下 Esc 鍵退出全屏 IE9以下無需兼容

 

安裝

### 使用 npm 或 yarn 安裝

npm install --save screenfull

 

使用

### 1.在需要使用的頁面中引入

import screenfull from 'screenfull'

### 2.定義方法實現全屏

      clickFullscreen(){
        if (!screenfull.isEnabled) {
          this.$message({
            message: 'you browser can not work',
            type: 'warning'
          })
          return false
        }
        screenfull.toggle()
      }

### 3.按鈕調用方法

 

官方地址

GitHub：https://github.com/sindresorhus/screenfull.js/

 

 

特此聲明：如需轉載請注明出處，如有疑問請及時提出以便於改正，如有侵權，聯系刪除，謝謝