vue、js实现页面全屏

浏览器可能是处于安全的考虑,无法实现进入页面自动全屏,只能通过用户操作的形式触发全屏!!!

ps:可以通过登录按钮触发登录成功自动全屏

实测vue中可通过登录点击事件加载组件自动全屏

import { useFullscreen } from '@vueuse/core'

const { isFullscreen, enter, exit, toggle } = useFullscreen();

toggle();

同理这个应该也可以实现(没有测试)

import screenfull from 'screenfull'
// 切换全屏
screenfull.toggle()

第一种形式:点击按钮实现全屏和退出全屏 



  
    
    
  
  
    

第二种形式:点击页面任何位置实现全屏 


  
    
  
  
    

Click anywhere or press any key to browse Python documentation in fullscreen.

你可能感兴趣的:(Vue,html,前端,vue.js,javascript)