vue-element-admin的全屏功能
1. 复制文件

  • ① 首先把vue-element-admin中的src/components/Screenfull 复制到自己项目中
  • ②还有src/icons/svg下的exit-fullscreen.svg和fullscreen.svg复制到自己项目中

2.修改
如果出现提示you browser can not work,查看src/Screenfull/index.vue,打印一下screenfull,不同的版本screenfull下的isEnabled不一样,有的是isEnabled有的是Enabled
在这里插入图片描述

然后进入src/layout/components/Navbar.vue,添加

在这里插入图片描述
还有两处
在这里插入图片描述
此时全屏功能就可以了
在这里插入图片描述
位置自己用样式调就行了。

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐