VUE项目实现全屏显示功能---screenfull
使用方法npm install screenfull --save首先安装npm install screenfull --save在使用.vue文件中 引入import screenfull from 'screenfull'在按钮方法中调用screenfull.toggle() 可以双向切换全屏与非全屏还可以检测全屏状态screenfull.isFullscreen测试浏览器是否支持全scre
·
使用方法 npm install screenfull --save
- 首先安装
npm install screenfull --save - 在使用.vue文件中 引入
import screenfull from 'screenfull' - 在按钮方法中调用
screenfull.toggle() 可以双向切换全屏与非全屏 - 还可以检测全屏状态
screenfull.isFullscreen - 测试浏览器是否支持全screenfull
screenfull.isEnabled
API
- .request(ele) 全屏
- .exit() 退出全屏
- .toggle() 切换全屏
- .on(event, function) : event为 ‘change’ | ‘error’ 注册事件
- .off(event, function) : 移除前面已经注册的事件
- .element: 返回一个全屏的dom节点,如果没有就为 null
- .isFullscreen : 是否是全屏状态
- .isEnabled : 判断是否支持全屏
更多推荐



所有评论(0)