vue2的全屏插件--"screenfull": "^4.2.0",

发布时间 2023-03-23 10:38:24作者: 加油加油加油。

安装

cnpm install screenfull@4.2.0 --save

引入

import screenfull from 'screenfull'

api

request(element传参某个元素) 全屏
exit() 退出全屏
toggle() 切换全屏
on(event, function) : event为 ‘change’ | ‘error’ 注册事件
off(event, function) : 移除前面已经注册的事件
element: 返回一个全屏的dom节点,如果没有就为 null

isFullscreen : 是否是全屏状态
isEnabled : 判断是否支持全屏

监听屏幕变化,避免esc退出,图标不变

    // 监听屏幕change 避免esc
    screenfull.on("change", () => {
      this.isFullScreen = screenfull.isFullscreen;
    });

参考

https://www.npmjs.com/package/screenfull