vue3ページ全画面表示方法

1. プラグインをダウンロードする

npm install --save screenfull

2. ページ内への導入

import screenfull from ‘screenfull'
<el-button :plain="true" @click="screen">全屏</el-button>

三つ、

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


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

おすすめ

転載: blog.csdn.net/m0_53591810/article/details/131200531