1.安装VueUse
npm i @vueuse/core
2.使用useFullscreen实现全屏
<template>
<div @click="toggle">
<span v-if="!isFullscreen">全屏</span>
<span v-else>退出全屏</span>
</div>
</template>
<script setup>
import { useFullscreen } from '@vueuse/core'
const {
//是否全屏状态
isFullscreen,
//切换全屏
toggle
} = useFullscreen()
<script>