在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里面的方法就可以退出来了
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM