当前位置:   article > 正文

vue3 页面全屏方法_vue3 全屏

vue3 全屏

一、下载插件

npm install --save screenfull

二、在页面中进行引入

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

三、

  1. const fullScreen = ref(false)
  2. import { ElMessage } from 'element-plus'
  3. const screen = () => {
  4. if(!screenfull.enabled) {
  5. ElMessage('您的浏览器不能全屏')
  6. return false
  7. }
  8. screenfull.toggle()
  9. // ElMessage('全屏啦')
  10. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/283617
推荐阅读
相关标签
  

闽ICP备14008679号