若依（前后端分离版）——隐藏左侧菜单栏和上面头部导航栏

最新推荐文章于 2025-02-24 19:05:53 发布

ForI、Tomorrow

最新推荐文章于 2025-02-24 19:05:53 发布

阅读量2.3k

点赞数 6

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/weixin_53588663/article/details/134305841

版权

本文介绍如何在前后端分离的Vue应用中，通过在mounted钩子函数中调用$store.dispatch方法和操作DOM，实现首页大屏展示时隐藏左侧菜单栏和顶部导航栏的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

若依（前后端分离版）——隐藏左侧菜单栏和上面头部导航栏

需求：
首页大屏展示, 需要隐藏菜单, 顶部导航栏

如图
在这里插入图片描述

只需在前端页面mounted增加代码如下
mounted() {
this.$store.dispatch(“app/toggleSideBarHide”, true);
document.querySelector(“.navbar”).style.display = “none”;
document.querySelector(“.tags-view-container”).style.display = “none”;
},