大屏放大缩小代替F11键

我用的是element-ui，废话不多撇，直接搂代码！！！ 

<template>
  <div class="layout-page">
    <i @click="fullScreen" :class="[flag ? 'el-icon-copy-document' : 'el-icon-full-screen' ]"></i>
  </div>
</template>

<script>
export default {
  name: 'layout-page',
  data () {
    return {
      flag: false
    }
  },
  methods: {
    fullScreen () {
      // DOM对象的一个属性：可以用来判断当前是不是全屏模式（全屏： true  不是全屏：false）
      const full = document.fullscreenElement
      console.log(full)
      // 切换为全屏
      if (!full) {
        this.flag = true
        document.documentElement.requestFullscreen()
      } else {
        // 退出全屏
        this.flag = false
        document.exitFullscreen()
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.layout-page {
  @include wh(100vw, 100vh);
}
</style>