vueuser useFullscreen放大屏幕

其实很简单啦。

官网：

useFullscreen | VueUseCollection of essential Vue Composition Utilitieshttps://vueuse.org/core/useFullscreen/#usefullscreen

//引入全屏方法
import { useFullscreen } from '@vueuse/core'
//进入全屏enter，退出全屏exit，切换全屏和退出全屏toggle，是否是全屏转态isFullscreen
const { isFullscreen, enter, exit, toggle } = useFullscreen()

<button  @click="toggle">
                    <FullScreen />
                </button>

以上就是完成了。

补充：

<el-icon class="icon"  @click="toggle">
                    <FullScreen  v-if="!isFullscreen"/>
                    <aim v-else/>
                </el-icon>