Not much to say shit, directly serving. (Pdf.js Preview pdf is not to say, you need to know before you can view blog)
<button type="button" v-on:click="openPage()"><i class="el-icon-rank"></i>全屏</button>
Set button click event:
openPage: function () {
var ob = document.getElementById("dv2");//要全局显示的元素(若整个页面进入全屏：document.documentElement)
this.launchFullscreen(ob);
},
launchFullscreen: function (element) {
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen()
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullScreen()
}
},
exitFullscreen: function () {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen()
}
}
Very pit road, but it has been going, one love ~ for everyone. See you next time ~