【vue3使用定时器以及放大全屏退出关闭页面】

放大————全屏

使用screenfull插件

• 安装

npm i（install） screenfull -s（模式下）

• 引用

import screenfull from "screenfull";

• 使用

​ 需要一个变量，控制放大或还原

let screenfull2 = ref(false);

 screenfull.exit(); // 退出全屏
 
  screenfull.request(); // 全屏

实际场景

<tempalte>
    <i class="iconfont" @click="screenfull1">&#xe651;</i>
</tempalte>
<script>
    import screenfull from "screenfull";
    
    let screenfull2 = ref(false);
    
   const screenfull1 = () => {
     
  screenfull2.value = !screenfull2.value;
  if (screenfull2.value ==