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

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

Vue使用screenfull實現(xiàn)全屏效果

瀏覽:8日期:2022-11-21 16:53:37

本文實例為大家分享了Vue使用screenfull實現(xiàn)全屏的具體代碼,供大家參考,具體內(nèi)容如下

安裝

npm install --save screenfull

在需要的頁面引用

import screenfull from ’screenfull’

全屏使用

<template> <span @click=’clickFullscreen’>全屏</span></template> <script> import screenfull from ’screenfull’ export default{ name: ’screenfull’, data(){ return { isFullscreen: false } }, methods:{ clickFullscreen(){ if (!screenfull.isEnabled) { this.$message({ message: ’you browser can not work’, type: ’warning’ }) return false } screenfull.toggle() } } }</script>

原生實現(xiàn)方法

// 全屏事件 兼容clickFullscreen() { let element = document.documentElement; if (this.isFullscreen) { 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.isFullscreen= !this.isFullscreen;}

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

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 久久久久国产一级毛片高清网站 | 国产亚洲一区二区三区 | 日韩精品在线观看一区二区 | 人人干人人艹 | 黄色一级片在线播放 | 99久久精品国产一区二区三区 | 国产一区二区三区四区五区加勒比 | 亚洲综合大片69999 | 草草网| 免费看一区二区三区 | 久久久国产精品视频 | 久久中文字幕av | 色婷婷国产精品 | 欧美一级欧美三级在线观看 | 日韩视频中文字幕 | 久久精品屋 | 精品久久亚洲 | 中文字幕91av | 亚洲视频在线观看 | www.亚洲.com | 国产在线播 | 精品国产乱码久久久久久蜜柚 | av网站在线播放 | 成人av在线播放 | 伊人精品国产 | 超碰在线免费公开 | 国产高清一二三区 | 免费av一区二区三区 | 视频一区二区中文字幕日韩 | 久久首页 | 亚洲视频免费在线观看 | 亚洲视频一区在线观看 | 精品国偷自产在线 | 春色av| 午夜免费看 | 九九久久精品 | 一区二区三区高清 | 欧美一区二区三区视频 | 国产日韩欧美一区 | 亚洲国产精品久久久久秋霞不卡 | 一本在线|