vue 实现全屏
vue实现全屏化、screenfull
·
通过引用第三方库 screenfull 实现全屏
1.首先通过 npm install screenfull 执行下载
2.在使用页面进行import screenfull from “screenfull”; 引入
3.然后绑定事件,调用提供的方法进行全屏处理
<span @click="handleScreen">全屏</span>
handleScreen() {
//screenfull.isEnabled 此方法返回布尔值,判断当前能不能进入全屏
if (!screenfull.isEnabled) {
return false
}
//screenfull.toggle 此方法是执行全屏化操作。如果已是全屏状态,则退出全屏
screenfull.toggle()
}
更多推荐
已为社区贡献1条内容
所有评论(0)