在vue后台管理系统中如何打开一个全屏界面

vue后台管理系统打开全屏界面方法：

首先安装系统全屏插件screenfull，安装完成后。在点击全屏这个事件上，做 *** 作，引入插件，在点击事件上直接复制，这样我们的点击全屏功能就可以打开了。

Vue是一个目前比较流行的前端框架，在业界也算很有名气，今天这里为大家罗列一下基于Vue的后端管理的框架。使用这些框架你会发现它包括了我们常用的路由，状态，交互等等，我们只需要去复用它的代码，加上一下我们自己少量的逻辑就能轻松的完成项目。

会为你节约更多时间喝喝咖啡等，给你一种“框架在手，天下我有”的感觉。

vue后台的其他功能：

登录鉴权功能是后台管理项目的基本需求，登录控制，权限分配，这些都是很普遍的功能。 在框架中已经做好了这部分的工作，我们来了解一下是怎么做的，对以后在框架的基础上做改进是有很大的帮助的。

Passport项目是一个基于Nodejs的认证中间件，支持本地登录和第三方账号登录验证。Passport目的只是为了“登陆认证”，因此，代码干净，易维护，可以方便地集成到其他的应用中。

原生js实现起来比较复杂，考虑到各种浏览器的兼容性问题

还有另外一种较为方便的方法

在vue项目中引入插件

screen() {

  // 如果不允许进入全屏，发出不允许提示

  if (!screenfull.enabled) {

    this.$message("您的浏览器不能全屏")

    return false

  }

  screenfull.toggle()

  },