VUE使用screenfull实现全屏
Posted cgwtq
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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/
特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢
以上是关于VUE使用screenfull实现全屏的主要内容,如果未能解决你的问题,请参考以下文章