若依框架加vue中，如何去掉左边的侧栏以及顶栏

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

DEARL.

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

阅读量2.7k

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44357717/article/details/131910386

版权

通过修改src/layout/index.vue文件中的图片引用注释来实现特定内容的隐藏。若要更改格式，特别是调整侧边栏宽度，可进入src/asserts/style/variables.scss，在指定位置设置侧边栏宽度为0。

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

找到src/layout/index.vue，注释图片指向的内容就能做相应的隐藏

2.如果想要改变格式可以找到对应的scss例如如果想要把侧边栏的宽度设为0，可以找到src/asserts/style/variables.scss，将箭头指向的地方设置为0

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DEARL.

关注关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

若依如何去掉页脚及左侧菜单栏

猿小白的博客

05-30

3343

目录 1、去除页脚修改style.css，同时删除index.html元素 2、去左侧菜单栏（收起时隐藏左侧菜单）修改style.css 3、去左侧菜单栏（收起时隐藏左侧菜单）修改index.js 4、隐藏左侧菜单，需要添加.canvas-menu到body元素 1、去除页脚修改style.css，同时删除index.html元素 #content-main { height: calc(100% - 91px); overflow: hidden; } <div c

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

a666666000的博客

07-30

1803

ruoyi vue3版本web端隐藏侧边栏及其顶部导航栏（全自定义页面需求）

3 条评论您还未登录，请先登录后发表或查看评论

若依前后端分离框架修改3.8.9版本（重点在安全框架讲解与微信小程序登录集成）

最新发布

小邹的博客

02-24

2370

若依框架的部署与修改，还有插件集成。包含mqtt，webSocket，微信小程序登录

若依（前后端分离版）如何去掉左边的侧栏以及顶栏

Shiny_boy_的博客

11-23

3281

若依（前后端分离版）如何去掉左边的侧栏以及顶栏。

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

qq_51135343的博客

10-23

3598

适用于其他第三方系统单点登录点击菜单后进入若依指定的页面。想点菜单之后，直接类似进入全屏一样，左侧和头部全部隐藏。只需在前端页面mounted增加代码如下。使其点不了退出或者在此页面切换菜单。

vue-element-admin 框架页面内跳转非左侧菜单，展示标签导航viewTag

lchmyhua88的博客

11-17

4520

vue-element-admin 框架页面内跳转非左侧菜单栏页面

vue-admin-template 删除侧边栏

jidushanzhu的博客

05-21

2155

【问题】就想用vue-admin-template的单一网页，去除不需要的侧边栏，还有导航栏上调出侧边栏的按钮【解决办法】原图文件目录vue-admin-template-master/style/sidebar.scss中修改如下， ////原 .hideSidebar { .sidebar-container { width: 54px !important; } .main-container { margin-left: 54px

若依框架隐藏侧边导航栏

Yly147的博客

09-06

4146

若依框架隐藏侧边导航栏

若依框架去若依化，如果去除若依元素？

m0_54140659的博客

11-10

2601

用若依的时候发现它的logo和网页logo不好去除，文件太多了不好找，找到了也不好修改，因为若依框架的内容比较灵活关联了很多东西，改一个可能就会报错，千万不要直接删除logo的图片，别问为什么，经历过。

【vue3】固定上导航栏和左侧导航栏，只显示其他内容在主内容区域

Linux小白一只~正处于学习阶段，觉得我写的还好的请多多给我点赞呀,谢谢大家！！(๑＞ڡ＜)☆

08-15

3613

在elment-plus官网上找到自己需要的布局容器模型Container 布局容器 | Element Plus (element-plus.org)我的侧边栏是菜单，在菜单里面加上router属性，它的子菜单你点击它才能跳转到相应的路由去展示内容；注意一定要主内容区域的标签里加上黄色区域的代码，这样你的其他页面才能在主内容区域显示；

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

10-17

在当前的IT技术环境下，前端开发人员经常会使用各种框架来构建用户界面，而Vue.js是一个非常流行的JavaScript框架，它被广泛用于构建动态的用户界面。本文将详细介绍如何利用Vue.js实现一个歌手列表，该列表能够根据...

基于vue3+threejs实现三维可视化大屏

09-04

在当今信息化社会，数据可视化技术扮演着至关重要的角色，尤其是在...开发人员需要有良好的前端开发基础，熟悉Vue3框架和Three.js库的使用，以及对WebGL有一定的了解，这样才能顺利完成三维可视化大屏的设计和实现。

Vue iview-admin框架侧栏菜单：二级转三级实现教程

在使用Vue iview-admin框架开发后台项目时，有时会遇到需要实现三级菜单的需求，而原框架默认只支持二级菜单。如果你需要将二级菜单改为三级菜单，可以按照以下步骤进行操作： 1. 修改源码: 首先，你需要找到并...

Vue后台管理系统练习-2首页顶栏搭建

Yuki_Aruki的博客

05-07

666

今日效果如下: (因为没有找图所以用了文件内自带的logo图片)首先设置左侧按钮，同样利用element-ui的icon库，配合button组件，将size设置为mini获取更好的视觉感受左侧内容代码如下: <div class="l-content"> <el-button @click="unflod" plain icon="el-icon-menu" size="mini" ></el-button> <h4 style="color

若依框架跳转进入页面隐藏侧边栏和顶部导航栏

Geng_____的博客

03-20

4116

小伙伴们在使用若依框架的时候经常会遇到一个问题就是你想展示某一个页面的时候不展示侧边栏和顶部导航栏，接下来我就向大家介绍一下我的办法。只需要在mounted的时候写上这段代码就可以。

vue点击某些路由，打开新的窗口并隐藏侧边栏

m0_56568186的博客

01-20

3390

vue点击某些路由，打开新的窗口并隐藏侧边栏

vue3之拆若依--记实现后台管理首页(左侧菜单栏、头部信息区域...)

小白小白从不日别的博客

06-05

1045

在根目录下新建 vite 目录，在vite目录下新建plugins子目录，在plugins目录下新建以下四个文件。这里首先需要在 assets 目录下新建，style子目录，并在该子目录下新建 tailwind.css 文件。: 虽然 Tailwind 提供了许多实用的 CSS 类，但为了确保这些类在所有浏览器中都能正确渲染，`：用于将 CSS 转换为 JavaScript 插件的工具，允许使用插件来处理 CSS 文件。在项目根目录下新建 tailwind.config.js 文件。

vue2 - 完美去掉隐藏 elementui 侧边导航菜单出现的滚动条，局部去掉 el-menu 菜单显示的滚动条

高级前端工程师

03-27

6151

element-ui侧边导航栏有滚动条，前端- 如何关闭elementUI左侧aside的滚动条，使用vue和element 导航菜单去除的滚动条，使用vue和element 导航菜单去除的滚动条，Vue elementui中侧边栏滚动条隐藏，Vue后台项目中如何去除左侧菜单栏滚动条，vue elementui 组件库的侧边栏出现滚动条，ElementUI侧边导航栏出现滚动条如何去除，element-ui侧边导航栏有滚动条，Vue elementui中侧边栏滚动条隐藏，使用vue和element导航菜单去

若依页面调用关闭top栏

m0_61265297的博客

03-15

429

若依可以关闭当前的top栏。