screenfull全屏插件

安装

npm install screenfull

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

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

标签：插件,调用,toggle,全屏,ScreenFull,screenfull
来源： https://blog.csdn.net/weixin_44795287/article/details/112080655