【vue3】：全屏解决方案
在原生 API 中有两个方法可以实现页面的全屏操作具体实现：https://developer.mozilla.org/zh-CN/docs/Web/API/Fullscreen_API在这里并不使用的是原生 API 而是使用
·
# 全屏解决方案
在原生 API 中有两个方法可以实现页面的全屏操作
- Document.exitFullscreen()：该方法用于请求从全屏模式切换到窗口模式
- Element.requestFullscreen()：该方法用于请求浏览器将特定元素（甚至延申到它的后代元素）设置为全屏模式
具体实现：
https://developer.mozilla.org/zh-CN/docs/Web/API/Fullscreen_API
在这里并不使用的是原生 API 而是使用 screenfull
npm i screenfull@5.1.0
<template>
<button @click="onToggle">切换</button>
</template>
<script setup>
import screenfull from 'screenfull'
const onToggle = () => {
screenfull.toggle()
}
</script>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献4条内容
所有评论(0)