vue3项目中做全屏查看功能

首先需要安装插件

npm install screenfull

然后在你需要实现功能的组件内引入

import screenfull from "screenfull"; // 引入全屏显示

 const element = document.getElementById("map_container");

  document.getElementById("full_screen").addEventListener("click", () => {

    if (screenfull.isEnabled) {

      screenfull.request(element); // 元素全屏

    }

  });

 第一处的id为需要被全屏查看的dom元素，

 第一处的id为点击全屏查看按钮元素，