handleGotoExam(mode, course) {
this.screen();
if (
course.beginRangeTime >= 0 &&
course.beginRangeTime - this.countdown >= 0
) {
this.$toast.error("还未到时间!");
return;
}
screen() {
var docElm = document.documentElement;
// W3C
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}
// FireFox
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}
// Chrome等
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
// IE11
else if (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
console.log("全屏")
}
}
<div class="beginBtn">
<a @click="handleGotoExam(examTypes.exam, v)">登录</a>
</div>
点击登录全屏,在ie11兼容模式中,全屏了,但是右边出现大量空白,将this.screen()放在最后执行,不全屏了