在vue项目中，将某元素铺满整个屏幕

vue、js、screenfull、插件、全屏、大屏、若依

背景

甲方需要一个大屏效果的页面，但是框架自带的菜单、标题、页脚栏似乎不太好隐去，搜到这么一篇博客
，实测可行，特此记录。

解决方案

1. 安装依赖 npm install --save screenfull
2. 要全屏的位置引用依赖 import screenfull from "screenfull"
3. 将要全屏显示的元素设定好元素id
4. 事件触发或者页面加载时，执行：

const element = document.getElementById('yourNeededFullScreenElementId');
if (screenfull.isEnabled) {
    screenfull.request(element); // 元素全屏
}

声明：本文使用八爪鱼rpa工具从gitee自动搬运本人原创（或摘录，会备注出处）博客，如版式错乱请评论私信，如情况紧急或久未回复请致邮 xkm.0jiejie0@qq.com 并备注原委；引用本人笔记的链接正常情况下均可访问，如打不开请查看该链接末尾的笔记标题（右击链接文本，点击 复制链接地址，在文本编辑工具粘贴查看，也可在搜索框粘贴后直接编辑然后搜索），在本人博客手动搜索该标题即可；如遇任何问题，或有更佳方案，欢迎与我沟通！