av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

vue全屏事件開發(fā)詳解

瀏覽:98日期:2023-02-02 13:01:00

本文實(shí)例為大家分享了vue全屏事件開發(fā)的具體代碼,供大家參考,具體內(nèi)容如下

在項(xiàng)目中有需求相應(yīng)瀏覽器全屏,寫了個(gè)案例代碼

先看看效果吧

vue全屏事件開發(fā)詳解

全屏顯示:

vue全屏事件開發(fā)詳解

html代碼:

<!-- el-tooltip 文字提示 --><div @click='handleFullScreen'> <el-tooltip effect='dark' :content='fullscreen ? `取消全屏`:`全屏`' placement='bottom'> <i class='el-icon-rank'></i> </el-tooltip></div>

js代碼

data(){return {fullscreen: false}} // 全屏事件 handleFullScreen(){ let element = document.documentElement; if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } } else { if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.msRequestFullscreen) { // IE11 element.msRequestFullscreen(); } } this.fullscreen = !this.fullscreen;},

通過fullscreen判斷的truefalse確定是否相應(yīng)全屏

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产一级二级三级 | 视频一区在线播放 | 日本国产精品 | 丁香婷婷色 | 涩涩的动漫| 国产在线视频91 | 黄色成人小视频 | 色婷婷亚洲 | 91视频亚洲| 天天色天天爱 | 免费在线观看毛片 | 久久久午夜 | 日本高清www | 精品一区在线播放 | 国产精品福利视频 | 一级大片免费看 | 手机av片 | 一级免费黄色片 | 亚洲一级片 | 日韩精品在线播放 | 看黄色大片 | 死神来了4无删减版在线观看 | 国产伦精品一区二区三区视频黑人 | 伦一理一级一a一片 | 黄网站免费大全入口 | 一级片在线观看视频 | 亚洲激情综合网 | 天天干夜夜撸 | www.com黄| 三级黄色在线观看 | 日韩在线免费播放 | 久久亚洲免费视频 | 色综合天天综合网天天狠天天 | 91国产丝袜在线播放 | 成人精品三级av在线看 | 亚洲小视频 | a在线播放 | 亚洲美女视频 | 在线看片你懂的 | 亚洲精品免费在线 | 依人久久|