Vue 页面自动全屏 - 浏览器全屏 API 实现

"Vue 页面自动全屏 - 浏览器全屏 API 实现"\n使用浏览器的Fullscreen API 实现 Vue 页面加载时自动全屏，提供简单示例代码，方便开发者快速实现全屏功能。\n\n示例代码:\n\njavascript\nmounted() {\n this.openFullscreen();\n}\n\nmethods: {\n openFullscreen() {\n const elem = document.documentElement;\n if (elem.requestFullscreen) {\n elem.requestFullscreen();\n } else if (elem.mozRequestFullScreen) { // Firefox\n elem.mozRequestFullScreen();\n } else if (elem.webkitRequestFullscreen) { // Chrome, Safari and Opera\n elem.webkitRequestFullscreen();\n } else if (elem.msRequestFullscreen) { // IE/Edge\n elem.msRequestFullscreen();\n }\n }\n}\n\n\n使用方法:\n1. 在 Vue 组件的 mounted() 生命周期钩子函数中添加 this.openFullscreen(); 代码。\n2. 在 Vue 组件中添加 openFullscreen() 方法，该方法使用浏览器的 Fullscreen API 请求全屏。\n\n注意:\n全屏功能可能因浏览器和操作系统的不同而有所差异，某些浏览器可能需要用户交互才能进入全屏模式。\n