elementui实现全屏显示

elementui实现全屏显示

1. 安装，npm install --save screenfull（也可以下载包本地导入）

2. 引入

3. 点击时判断浏览器是否可全屏,不可全屏给提示,可全屏执行screenfull.toggle()

Chrome高版本使用screenfull.js全屏功能时报参数错误

1. chrome 控制台报错原因
   

2. 项目引入了第三方的一个全屏兼容包 “screenfull.js” , 找到node_modules中screenfull.js文件修改其中部分代码即可.对各浏览器非标准的实现做了一个映射，定位到出错行：
   

   • 将红框处原代码删掉或者注释掉。我图片中注释掉了

     elem[request](keyboardAllowed && Element.ALLOW_KEYBOARD_INPUT);
     

   • 复制代码到红色框中，保存即可

     if (keyboardAllowed) {
             elem[request](Element.ALLOW_KEYBOARD_INPUT);
           } else {
             elem[request]({ navigationUI: "auto" });
           }
     

3. 借鉴出处