vue全屏组件screenfull的使用

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