插件: screenfull
第一步 : 安装 npm i screenfull@5.0.0
第二步 : 导入 import ScreenFull from 'screenfull'
第三步: 使用 ScreenFull.toggle() 全屏与非全屏切换
<template>
<div>
<button @click="Full">点击全屏</button>
</div>
</template>
<script>
import ScreenFull from 'screenfull'
export default {
methods: {
Full() {
if (ScreenFull.isEnabled) {
ScreenFull.toggle()
}
}
}
}
</script>
<style>
</style>