解决方案

采用screenfull.js进行处理

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

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

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

参考代码

1、第一步:安装依赖

npm install screenfull --save

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>
Logo

前往低代码交流专区

更多推荐