通过引用第三方库 screenfull 实现全屏

1.首先通过 npm install screenfull 执行下载
2.在使用页面进行import screenfull from “screenfull”; 引入
3.然后绑定事件,调用提供的方法进行全屏处理
<span @click="handleScreen">全屏</span>

handleScreen() {
		//screenfull.isEnabled  此方法返回布尔值,判断当前能不能进入全屏
      if (!screenfull.isEnabled) {
        return false
      }
      //screenfull.toggle 此方法是执行全屏化操作。如果已是全屏状态,则退出全屏
      screenfull.toggle()
    }
Logo

前往低代码交流专区

更多推荐