首页 > 其他 > 详细

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

时间:2021-04-02 17:14:39      阅读:13      评论:0      收藏:0      [点我收藏+]

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

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

原文:https://www.cnblogs.com/yuchengxiong/p/14610692.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!