screenfull.js实现全屏功能

在vue中使用screenfull.js实现网页全屏：

1、npm 下载到项目中：npm install --save screenfull

2、在需要用到的组件中引入：import screenfull from 'screenfull'

3、定义全屏点击方法：

　　data(){

　　　　return{

　　　　　　isFullscreen: false, //默认不全屏

　　　　}

　　}

      /**
     * 全屏
     */
    clickFullscreen() {
      if (!screenfull.isEnabled) {
        this.$message({
          message: "you browser can not work",
          type: "warning"
        });
        return false;
      }
      screenfull.toggle();
    },

参考：https://blog.csdn.net/qq_39009348/article/details/81144121