screenfull全屏插件

安装

npm install screenfull

使用
先判断可不可以使用全屏模式
可以的话直接调用插件命令ScreenFull.toggle()进行全屏

  methods: {
     
    //   改变全屏
    changeScreen() {
     
      if (!ScreenFull.isEnabled) {
     
        // 此时全屏不可用
        this.$message.warning('此时全屏组件不可用')
        return
      }
      // document.documentElement.requestFullscreen()  原生js调用
      //   如果可用 就可以全屏
      ScreenFull.toggle()
    }
  }
}