<el-button type="danger" size="mini" @click="fullScreen()">全屏</el-button>
<div class="dashboard" id="content">
//里面是全屏的内容
</div>
js:
fullScreen () {
var elem = document.getElementById('content')
requestFullScreen(elem)
function requestFullScreen (element) {
var requestMethod =
element.requestFullScreen ||
element.webkitRequestFullScreen ||
element.mozRequestFullScreen ||
element.msRequestFullScreen
if (requestMethod) {
requestMethod.call(element)
} else if (typeof window.ActiveXObject !== 'undefined') {
var wscript = new ActiveXObject('WScript.Shell')
if (wscript !== null) {
wscript.SendKeys('{F11}')
}
}
}
}
vue 全屏功能
猜你喜欢
转载自blog.csdn.net/weixin_43173924/article/details/89711446
今日推荐
周排行