vue点击全屏

 在需要的地方调用就好

const toggleFullScreen = () => {
  const element = document.documentElement; // 全屏元素可以是 `document.documentElement`，也可以是图片元素等
  if (
    !document.fullscreenElement && // 判断是否已进入全屏模式
    !document.webkitFullscreenElement && // 兼容 Webkit 内核浏览器（如 Safari）
    !document.mozFullScreenElement && // Firefox 浏览器的前缀
    !document.msFullscreenElement
  ) {
    // IE 浏览器的前缀
    // 进入全屏
    if (element.requestFullscreen) {
      element.requestFullscreen(); // 标准方法
    } else if (element.webkitRequestFullscreen) {
      element.webkitRequestFullscreen(); // Safari 方法
    } else if (element.mozRequestFullScreen) {
      element.mozRequestFullScreen(); // Firefox 方法
    } else if (element.msRequestFullscreen) {
      element.msRequestFullscreen(); // IE 方法
    }
  } else {
    // 退出全屏
    if (document.exitFullscreen) {
      document.exitFullscreen(); // 标准方法
    } else if (document.webkitExitFullscreen) {
      document.webkitExitFullscreen(); // Safari 方法
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen(); // Firefox 方法
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen(); // IE 方法
    }
  }
};