首页 > 其他分享 >vue 后台管理系统 全屏

vue 后台管理系统 全屏

时间:2023-03-25 17:48:22浏览次数:55  
标签:vue webkitCancelFullScreen 管理系统 screen else 全屏 document

toggleScreen() {
  if(this.screen){ //判断全屏状态
    this.$refs.components_layout_side.$el.requestFullscreen()
  }else{

    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.webkitCancelFullScreen) {
      document.webkitCancelFullScreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    }
  }
  this.screen = !this.screen;
},

标签:vue,webkitCancelFullScreen,管理系统,screen,else,全屏,document
From: https://www.cnblogs.com/RLflash/p/17255210.html

相关文章

  • 电能管理系统在西安伊利泰普克饮品有限公司的应用
    安科瑞徐行德1.项目概况    西安伊利泰普克饮品有限公司位于西安临潼区新丰工贸小区。本次配电房改造共设置了一间10KV高压配电室和两间低压配电室,高低压配电室互......
  • VUE 环境搭建
    一、安装node.js在node.js官网下载安装最新版的:https://nodejs.org/zh-cn/然后需要更换下载源为国内的#设置为淘宝源npmconfigsetregistryhttps://registry.npmmirro......
  • Vue的命令式和声明式的概念
    1.命令式框架(jQuery)这里有个小例子:1.获取id为app的div标签2.设置他的文本内容是hello,world3.为其绑定点击事件4.当点击时候弹出提示ok1.首先我们通过$来活动app的标签$(`......
  • 【Vue/Js】通过jSignature插件实现h5签名的完整可运行实例,横屏、竖屏两个实例(代码完整
    一、插件安装:http://willowsystems.github.io/jSignature/#/about/二、竖屏实例注意:css中的# #signature{}与js中的初始化jSignature插件 $sigdiv.jSignature({})相呼应,......
  • vue状态管理pinia之监听state里的对象
    如上图所示,我需要监听layerList的变化,代码如下:importuseLayersStorefrom"@/store/modules/layers";constlayersStore=useLayersStore();watch(()=>userStore.l......
  • vue3的js文件中使用vue-router
    import{useRoute,useRouter}from'vue-router'constrouter=useRouter()constroute=useRoute()router.push({path:'/index'})这种在正常.vue文件中引入没有......
  • Vue3+element-plus图片上传剪裁组件
    userAvatar.vue<template><divclass="user-info-head"@click="editCropper()"><img:src="options.img"title="点击上传头像"class="img-circleimg-lg"/>......
  • vue中css变量的使用
    1、在css中使用变量(1)css中声明变量--color:red(2)使用变量color:var(--color)//color:red获取到全局声明变量值为red2、使用vue中的变量(1)在html标签中<span:style="{......
  • Vue3+element-plus图片上传剪裁组件
    userAvatar.vue<template><divclass="user-info-head"@click="editCropper()"><img:src="options.img"title="点击上传头像"class="img-circleimg-lg"/>......
  • Vue + node简单实现验证码
    web实现验证码思路(个人简单示例操作,流程可能并不规范,仅提供演示,请勿抬杠)验证码代码流程前端发送get请求来获取验证码图片。后端收到前端的生成验证码请求,生成验证码图片......