全屏功能的实现

原生的方法

document.documentElement.requestFullscreen()

document.exitFullscreen()  //退出全屏

           

screenfull插件

import ScreenFull from 'screenfull'
export default {
  methods: {
    changeScreen() {
      if (!ScreenFull.isEnabled) {
        this.$message.warning('当前全屏功能不可用')
        return
      }
      //   直接全屏
      ScreenFull.toggle() // 全屏方法  既可以全屏 也可以退出全屏
    }
  }
}