使用vueuse全屏手册

安装

npm i @vueuse/core

使用超级简单
先引入方法

import { useFullscreen } from '@vueuse/core'

const { isFullscreen, toggle } = useFullscreen()

在按钮使用上直接使用toggle这个方法就可以了

<el-icon @click="toggle" class="icon-btn">
   <full-screen />
</el-icon>

按钮切换图标就要用到isFullscreen方法了

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