Vue3.0 + Ts 项目框架搭建六：配置全屏 screenfull

前言

安装

npm install screenfull

本文使用的是@5.1.0版本。

使用

import screenfull from 'screenfull';

if (screenfull.isEnabled) {
	screenfull.toggle(); // 开启全屏
}

其他API：

.on（事件，函数）
screenfull.on(‘change’, xxx) // 添加一个监听器，用于浏览器何时进入和退出全屏或出现错误。

.off（事件，函数）
screenfull.off(‘change’) // 移除之前注册的事件监听器。

更多API请参考官网！