首页 / 脚本样式 / Vue / vue如何让页面做到和F11一样全屏效果

方式一： aa(){

        document.documentElement.webkitRequestFullScreen();

      },

方式二：使用的是sreenfull插件，执行命令安装

npm install --save screenfull

在使用的页面正确引入：

import screenfull from ‘screenfull'

代码如下：

全屏

data:

data() {

return {

fullscreen: false

};

},

methods：

screen() {

// 如果不允许进入全屏，发出不允许提示

if (!screenfull.enabled) {

this.$message("您的浏览器不能全屏");

return false;

}

screenfull.toggle();

this.$message.success("全屏啦");

},