在vue3项目中，实现全屏效果，有两种方法。
一、操作DOM
<template>
<!-- 全屏按钮 -->
<el-button icon="FullScreen" circle @click="handleFullScreen" />
</template>
<script>
const handleFullScreen = () => {
// DOM对象的一个属性：可以用来判断当前是否全屏模式【全屏：true，不是全屏：false】
const fullScreen = document.fullscreenElement
console.log('fullScrent', fullScreen)
if (fullScreen) {
// 退出全屏
document.exitFullscreen()
} else {
// 文档根节点的方法requestFullscreen，实现全屏模式
document.documentElement.requestFullscreen()
}
}
</script>
注意：使用DOM的api实现全屏效果，该种方式会存在浏览器的兼容性问题。谷歌浏览器表现正常。
