首页 > 其他 > 详细

vue全屏组件screenfull的使用

时间:2021-03-10 19:45:05      阅读:42      评论:0      收藏:0      [点我收藏+]

1.安装依赖

npm install --save screenfull

2.在需要设置的页面导入

import screenfull from "screenfull";

3.一个按钮,一个点击事件

@click="click

click() {
// 判断是否支持
if (!screenfull.enabled) {
this.$message({
message: "不支持全屏",
type: "warning"
});
return false;
}

建议直接使用下方
screenfull.toggle();
}

    click(){
                 screenfull.toggle();//全屏显示
        },



版权声明:本文为CSDN博主「老大oba」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42324665/article/details/106917095

vue全屏组件screenfull的使用

原文:https://www.cnblogs.com/tdtl/p/14513493.html

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