浏览器全屏功能的实现

用原生js实现全屏功能

document.documentElement.requestFullscreen() // 开启全屏
document.exitFullscreen() // 关闭全屏

用插件实现全屏功能

// 在 vue 中
// 第一步 下载插件 $ npm i screenfull
// 第二步 导入插件 import ScreenFull from 'screenfull'
// 第三步 给全屏按钮绑定点击事件 
// 第四步 全屏按钮点击事件触发的函数
changeScreen () {
    
    
      // 判断此方法是否可用
      if (!ScreenFull.isEnabled) return console.log('此方法不可用！')
      // 如果可用 就可以全屏（开启和关闭都是此方法）
      ScreenFull.toggle()
    }