Vue3实现全屏功能

1.安装

npm i @vueuse/core

<div ref="el">
<div @click="toggle">
      <van-icon :name="!isFullscreen ? 'enlarge' : 'shrink'" color="red" size="40"/>
    </div>
</div>
<script setup>
import { ref } from 'vue';
import { useFullscreen } from '@vueuse/core';
const el = ref()
const { isFullscreen, toggle } = useFullscreen(el)
</script>