vue（无插件）实现页面全屏模式切换

最新推荐文章于 2024-06-28 09:05:28 发布

卫盼1

最新推荐文章于 2024-06-28 09:05:28 发布

阅读量193

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Yourlittlecutie/article/details/133080929

版权

html

  <el-button icon="el-icon-monitor" circle size="small" @click="fullScreen"></el-button>

vue.js (操作dom元素来实现页面全屏)

methods: {
    // 全屏切换
    fullScreen () {
      let isFullScreen = document.fullscreenElement
      if (!isFullScreen) {
        document.documentElement.requestFullscreen()
      } else {
        document.exitFullscreen()
      }

    },
  }