实现

下载vueuse

npm i @vueuse/core

在header组件中引入并给全屏按钮绑定点击事件

<el-button type="default" @click="toggle" icon="FullScreen" circle></el-button>

import { useFullscreen } from '@vueuse/core'

const { toggle } = useFullscreen()

效果