Vue3项目实现页面全屏

介绍

这里说的页面全屏和Microsoft Edge浏览器的F11快捷键的效果是一样的，Vue项目可以通过screenfull插件来实现

实现过程

安装

npm install screenfull --save

常用方法

使用

在要实现页面全屏效果的页面引入

import screenfull from "screenfull"

实现页面全屏或退出全屏都直接调用下面函数即可

const fullScreenOrNot = () => {
    screenfull.toggle();
}