1. 使用前需要先安装,利用npm install就行
npm install screenfull
2.再需要使用的组件中引入
import screenfull from 'screenfull'
3. 使用方法
3.1. 该方法会请求全屏,如果当前是全屏则会退出全屏。
screenfull.toggle()
3.2 返回一个布尔值,当前是否是全屏状态。 boolean
screenfull.isFullscreen
3.3 返回一个布尔值,是否当前可以进入全屏。
screenfull.isEnabled
注意注意 不支持 iPhone
<button @click="butClick"cursor: pointer"> Github </button>
const butClick = () => {
console.log(screenfull.isFullscreen);
screenfull.toggle()
}