vue 全屏 screenfull

1. npm安装全屏组件 screenfull

npm install screenfull

2. 全屏图标长这样

3.上代码：

<template>
    <i class="el-icon-full-screen" style="color:#fff" @click="fullScreen"></i>
</template>
<script>
import screenfull from "screenfull";
  export default {
      methods: {
          fullScreen() {
              if (screenfull.isEnabled && !screenfull.isFullscreen) {
                  screenfull.request();
              }
              if (screenfull.isEnabled && screenfull.isFullscreen) {
                  screenfull.exit();
              }
          },
     }
     
  }
</script>