ruoyi vue3版本web端隐藏侧边栏及其顶部导航栏

做项目时有个需求是在web端里面嵌入一个页面全屏的大屏，但若依web自带的侧边栏导航和顶部导航一时还不知道怎么隐藏起来，于是在网上随处查找资料，终于，还是在若依的gitee文档中发现了线索
   怎么隐藏侧边栏和顶部导航栏实现完全的全屏 · Issue #I4XSKH · 若依/RuoYi-Vue - Gitee.com
  在这里，作者表明项目中仅封装有隐藏侧边栏的方法 toggleTopBarHide 于是，我们采用作者的建议参考侧边栏的实现的逻辑。
实现过程

1.在store目录下的app.js中到场对应控制顶部显隐的属性topbar，同时在actions中到场对饮方法toggleTopBarHide

2.进入layout目录下的index页面

到场如下代码

到这里，已经可以实现顶部和侧边栏的显隐了
使用

   仅作记载

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。