1、安装

好像是5以上的不支持全屏啦,我安装的是@4.2.1版本,呜呜呜~一开始我的一直报错,后来发现是版本太高啦

npm install --save screenfull@4.2.1

2、上代码

//套个容器,并给一个id
<div id="full-screen">

   <button  @click="screenFull">全屏</button>

</div>

javascript">import screenfull from 'screenfull';

methods:{

   //   全屏
    screenFull() {
      //这里建议打印一下screenfull看看属性名称是不是enabled
      console.log(screenfull)
      if (!screenfull.enabled) {
        // 如果不允许进入全屏，发出不允许提示
        this.$message({
          message: '不支持全屏',
          type: 'warning',
        });
        return;
      }
      screenfull.toggle(document.getElementById('full-screen'));
    }

 }

OK啦