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)文章:
主站蜘蛛池模板: 午夜精品久久久久久久99黑人 | 成人不卡 | 在线视频日韩 | 91在线看片| 成人精品免费视频 | 国产自产21区 | 欧美在线一区二区 | 国产精品成人在线 | 国产午夜精品一区二区三区视频 | 成人羞羞国产免费 | 国产精品成人一区二区三区 | 青青草免费在线观看视频 | 日韩一区二区精品 | 亚洲视频在线看 | 99视频网站 | 久久一级视频 | 日韩资源在线 | 欧美一区二区精品 | 日韩av免费看 | 午夜黄色小视频 | a视频在线观看 | 91狠狠综合| 欧美黄色一级视频 | 日韩黄色大片 | 免费a视频 | 自由成熟xxxx色视频 | 一级理论片 | 天天干夜夜爱 | 亚洲精品视频免费 | 久久爱综合 | 欧美精品三区 | 91视频色| 国产三级做爰高清在线 | 国产裸体永久免费视频网站 | 国产51自产区 | 免费看黄色一级片 | 手机看片久久 | 久久日韩精品 | 天天色天天爱 | 国产精品午夜视频 | 成人一级黄色片 |