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)文章:
主站蜘蛛池模板: 九九精品在线观看 | 日韩av在线免费看 | 亚洲精品在线观看视频 | 视频一区二区在线播放 | 日韩a在线 | 国产激情小说 | 久久久91 | 国产成人亚洲精品自产在线 | 黄色国产网站 | 国 产 黄 色 大 片 | 欧美日韩毛片 | 97国产在线| 精品一区二区三区三区 | 亚洲天堂一区 | 精品国产乱码久久久久久蜜柚 | 夜夜操天天操 | 电家庭影院午夜 | 国产欧美日韩 | 国产一区精品在线观看 | 日韩黄色录像 | 欧美成人一区二区三区 | 蜜桃综合网 | 国产精品一二三区 | 亚洲一级特黄 | 久久一区二区视频 | 国产三级在线观看视频 | 天堂在线视频 | 国产欧美日韩综合精品 | 欧美精品综合 | 亚洲一区二区三区四区在线 | 欧美黄色片视频 | 一区二区三区久久 | 高潮毛片又色又爽免费 | 一区二区三区四区在线视频 | 日韩视频免费在线观看 | 日韩香蕉视频 | 欧美一区二区三区在线播放 | www.青青草| 成人a在线| 国产一区二区欧美 | 黄色大片免费在线观看 |