最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

VUE3中实现浏览器全屏功能

运维笔记admin24浏览0评论

1.安装screenfull 

npm install screenfull

 

2.在vue页面中引入 

 import screenfull from 'screenfull'

 3.定义全屏方法

const SetFullScreen = () => {

    //screenfull.isEnabled  此方法返回布尔值,判断当前能不能进入全屏

    if (!screenfull.isEnabled) {

        return false

    }

    //screenfull.toggle 此方法是执行全屏化操作。如果已是全屏状态,则退出全屏

    screenfull.toggle()

}

 4.调用方法

            <el-button type="primary" 

               @click="SetFullScreen">全屏</el-button>

发布评论

评论列表(0)

  1. 暂无评论