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

您的位置:首頁技術文章
文章詳情頁

vue全屏事件開發詳解

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

本文實例為大家分享了vue全屏事件開發的具體代碼,供大家參考,具體內容如下

在項目中有需求相應瀏覽器全屏,寫了個案例代碼

先看看效果吧

vue全屏事件開發詳解

全屏顯示:

vue全屏事件開發詳解

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確定是否相應全屏

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 免费在线黄色av | a国产一区二区免费入口 | 毛片电影 | 国产清纯白嫩初高生在线播放视频 | 天天艹逼网 | 91久久久久 | 日韩成人高清在线 | 国产精品久久久久一区二区三区 | 日韩精品一区二区三区老鸭窝 | 久久久久久免费观看 | 成人国产精品色哟哟 | 亚洲精品一二三 | 青青草一区二区三区 | 午夜影视网 | 日韩欧美一区二区三区免费看 | 91国内视频在线 | 免费一级毛片 | 日韩视频精品在线 | 日本不卡一区二区三区 | 欧美性精品 | 噜久寡妇噜噜久久寡妇 | 国产不卡一区 | 成人三级视频 | 国产精品一二三区在线观看 | 国产精品乱码一区二区三区 | 国产精品九九九 | 国产偷录视频叫床高潮对白 | 亚洲精品日韩综合观看成人91 | 日韩在线免费播放 | 美女天堂在线 | 精品美女视频在线观看免费软件 | 午夜无码国产理论在线 | 成人国产a | 久久久精 | 一区二区视频在线观看 | 日韩精品网站 | 亚洲午夜精品 | 日韩精品久久久久久 | 女人毛片a毛片久久人人 | 成人高清在线 | 精品一区在线看 |