超简单，一键全屏，带优化方案

最新推荐文章于 2024-09-27 15:52:57 发布

2008的肉包

最新推荐文章于 2024-09-27 15:52:57 发布

阅读量159

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_66496801/article/details/126304792

版权

下载插件

npm install --save screenfull

引入依赖

import screenfull from ‘screenfull’

页面中声明变量：

data() {
    return {
      fullscreen: false
    };
  },

在页面中调方法：

screen:()=> {
      // 如果不允许进入全屏，发出不允许提示（为了优化用）
      // if (!screenfull.enabled) {
      //   proxy.$message("您的浏览器不能全屏");
      //   return false;
      // }
      screenfull.toggle();
      proxy.$message.success("全屏啦");
    },