解决方案
采用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>