vuejs里面全屏插件screenfull的使用

【1】下载安装

npm install screenfull -s

有时候安装后还是无法全屏可能是全屏插件的版本过高，安装5以下的版本

npm install --save screenfull@4.2.1

【2】在项目vue中配置

import screenfull from "screenfull";

【3】给按钮添加事件

在methods里面定义方法：

 screenFull() {
      if (!screenfull.enabled) {
        this.$message({
          message: "不支持全屏",
          type: "warning",
        });
        return;
      }
      screenfull.toggle();
    },