vue3 page full screen method

1. Download the plug-in

npm install --save screenfull

2. Introduce into the page

import screenfull from ‘screenfull'

<el-button :plain="true" @click="screen">全屏</el-button>

three,

const fullScreen = ref(false)
import { ElMessage } from 'element-plus'


const screen = () => {
  if(!screenfull.enabled) {
    ElMessage('您的浏览器不能全屏')
    return false
  } 
  screenfull.toggle()
  // ElMessage('全屏啦')
}