js实现页面的全屏与退出

1.在data里面定义：

data(){

return{

　　isScreen:false,

　　}

}

　　　　　　　//是否显示全屏
            fullScreen(event){
                this.isScreen = !this.isScreen;
                var elem=document.body;
                if(this.isScreen == true){
                     if(elem.webkitRequestFullScreen){
                        elem.webkitRequestFullScreen();
                    }else if(elem.mozRequestFullScreen){
                        elem.mozRequestFullScreen();
                    }else if(elem.requestFullScreen){
                        elem.requestFullscreen();
                    }else{
                        console.log("浏览器不支持全屏API或已被禁用  ");
                    }
                }else{
                     document.exitFullscreen?document.exitFullscreen():
                    document.mozCancelFullScreen?document.mozCancelFullScreen():
                    document.webkitExitFullscreen?document.webkitExitFullscreen():'';
                    }
            },