vue3进入页面全屏

简介: vue3进入页面全屏

话不多说直接上代码

1,先引入onMounted

import { ref, getCurrentInstance,onMounted } from "vue";

2,写一下全屏函数

 const allScreen = ()=>{
        let domElement = document.documentElement;
    if (domElement.requestFullscreen) {
        domElement.requestFullscreen();
    } else if (domElement.mozRequestFullScreen) {
        domElement.mozRequestFullScreen();
    } else if (domElement.webkitRequestFullScreen) {
        domElement.webkitRequestFullScreen();
    }
    }

3,在onMounted里调用次函数

onMounted(()=>{
        console.log('进入页面')
        allScreen()
    })

相关文章
|
1天前
|
前端开发 JavaScript API
vue3服务端渲染警告解决----DefinePlugin
vue3服务端渲染警告解决----DefinePlugin
8 0
|
1天前
|
JavaScript 前端开发 算法
Vue3与Vue2:对比分析与迁移指南
Vue3与Vue2:对比分析与迁移指南
|
1天前
vue3封装面包屑
vue3封装面包屑
6 0
|
1天前
|
JavaScript Go
VUE3+vite项目中动态引入组件和异步组件
VUE3+vite项目中动态引入组件和异步组件
|
1天前
|
前端开发 JavaScript 安全
如何给页面元素添加水印背景,在vue中怎么处理?
如何给页面元素添加水印背景,在vue中怎么处理?
|
1天前
|
JavaScript 前端开发 API
在VUE3的setup函数中如何引用
在VUE3的setup函数中如何引用
|
1天前
|
JavaScript 定位技术 API
OpenLayers入门-第二篇、在vue3中使用elementplus制作图层控件,图层切换,显示隐藏,图层排序
OpenLayers入门-第二篇、在vue3中使用elementplus制作图层控件,图层切换,显示隐藏,图层排序
|
1天前
|
JavaScript 安全 API
vue3注册添加全局实例属性的方法,如何在setup函数中调用
vue3注册添加全局实例属性的方法,如何在setup函数中调用
|
1天前
|
JavaScript 数据可视化 UED
用Vue搭建一个大屏数据可视化页面实战二(Vue实战系列)
用Vue搭建一个大屏数据可视化页面实战二(Vue实战系列)
|
1天前
|
JavaScript 前端开发
vue(1),小白看完都会了
vue(1),小白看完都会了