码迷,mamicode.com
首页 > 其他好文 > 详细

VUE使用screenfull实现全屏

时间:2020-02-29 23:58:01      阅读:486      评论:0      收藏:0      [点我收藏+]

标签:ie9   实现   click   yar   声明   vue   span   you   疑问   

简介

点击某按钮实现页面全屏 按下 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/

 

 

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢

 

VUE使用screenfull实现全屏

标签:ie9   实现   click   yar   声明   vue   span   you   疑问   

原文地址:https://www.cnblogs.com/CGWTQ/p/12357680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!