vue里怎么实现全屏、退出全屏功能？

解决方案

采用​​screenfull.js​​进行处理

CDN网站地址：​​https://www.bootcdn.cn/screenfull.js/​​

github地址：​​https://github.com/sindresorhus/screenfull.js​​

示例可以参考 ​​github​​​ 上的 ​​readme.md​​ 文件。

参考代码

1、第一步：安装依赖

npm install

2、第二步：编写代码

<template>
  <div @click="getFullCreeen">
  </div>
</template>
<script>// https://github.com/sindresorhus/screenfull.js
// 引入screenfull
import screenfull from 'screenfull'

export default {
  data () {
    return {
    }
  },
  methods: {
    // 全屏事件
    getFullCreeen () {
      if (screenfull.isEnabled) {
        screenfull.toggle()
      }
    }
  }
}</script>