vue3：全屏解决方案
Posted 岁月可贵
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue3：全屏解决方案相关的知识，希望对你有一定的参考价值。
# 全屏解决方案
在原生 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="以上是关于vue3：全屏解决方案的主要内容，如果未能解决你的问题，请参考以下文章
Vue3视频播放器组件Vue3-video-play入门教程