hello阿诚

有兴趣留言交流

在vue项目中 如何实现 浏览器全屏

1、首先 安装依赖  screenfull.js  可以用 npm cnpm yarn  安装都可以

例如 : yarn add  screenfull

2、然后在需要 vue组件里面 引入

import screenfull from 'screenfull'
3、在methods方法 里添加这个 就可以了
 screenfull.toggle()
4、这段代码有点不靠谱
  if (!screenfull.enabled) { // 如果不允许进入全屏,发出不允许提示
                return false
  }
不需要判断也可以全屏  ,还有就是 再次使用methods里面的方法就可以退出来了
 

posted on 2021-04-02 14:50  陆秋明v  阅读(1055)  评论(0编辑  收藏  举报

导航