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