注意:1.不能直接调用该函数,浏览器不允许js直接打开全屏。必须绑定点击事件
2.上传文件会自动退出全屏
3.f11权限大于函数,即f11打开全屏,函数关闭不了。
<img v-show="!fullscreen" class="change-img1" src="../../assets/home/open.png" alt="" @click="screen()" />
<img v-show="fullscreen" class="change-img1" src="../../assets/home/close.png" alt="" @click="screen()" />
// 切换全屏
// screen() {
// let element = document.documentElement;
// if (this.fullscreen) {
// // 关闭全屏
// // this.$notify({type:'success',message:'关闭全屏!'})
// if (document.exitFullscreen) {
// document.exitFullscreen();
// } else if (document.webkitCancelFullScreen) {
// document.webkitCancelFullScreen();
// } else if (document.mozCancelFullScreen) {
// document.mozCancelFullScreen();
// } else if (document.msExitFullscreen) {
// document.msExitFullscreen();
// }
// } else {
// // 打开全屏
// // this.$notify({type:'success',message:'打开全屏!'})
// 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;
// },