当前位置: 首页 > news >正文

若依-侧边栏开关按钮禁用,侧边栏始终保持展开

若依框架,当首页为echarts图时,侧边栏展开关闭echarts会超出
在这里插入图片描述
解决思路:
当菜单为首页时,侧边栏开关按钮禁用,侧边栏始终保持展开

\src\store\modules\app.jstoggleSideBar(withoutAnimation, typeVal) {if (typeVal == 1) {this.sidebar.opened = trueCookies.set('sidebarStatus', 1)return};if (this.sidebar.hide) {return false;}this.sidebar.opened = !this.sidebar.openedthis.sidebar.withoutAnimation = withoutAnimationif (this.sidebar.opened) {Cookies.set('sidebarStatus', 1)} else {Cookies.set('sidebarStatus', 0)}},

控制页头的按钮 在这里插入图片描述

\src\layout\components\Navbar.vuefunction toggleSideBar() {if (route.path == "/index") {appStore.toggleSideBar("", 1);return;}appStore.toggleSideBar();
}

从其他菜单跳转到首页,让首页展开

\src\router\index.js
import useAppStore from "@/store/modules/app";router.beforeEach((to, from, next) => {const appStore = useAppStore();if (to.path == '/index') {appStore.toggleSideBar("", 1);}next()
})
http://www.lryc.cn/news/474056.html

相关文章:

  • 洛雪音乐 1.6.1| 全网音乐免费听,附加音源
  • 进程(Process)、线程(Thread)和协程(Coroutine)
  • 蓝牙 BLE 详解
  • Spring 获取Header
  • 第8课 字符串
  • 告别繁琐统计,一键掌握微信数据
  • 企业出海网络:SD-WAN与专线混合组网方案
  • 胡壮麟《语言学教程》第五版PDF英文版+中文版翻译
  • DriftingBlues: 1渗透测试
  • 分类算法——决策树 详解
  • C# 编程基础:深入解析构造函数与析构函数
  • 中国大学慕课视频资源分析
  • 简单的kafkaredis学习之redis
  • 前端性能优化全攻略:提升用户体验,加速页面加载
  • 手机玩亚托莉:我挚爱的时光!手机推gal、躺床玩漫改gal教程
  • metasploit/modules/evasion 有哪些模块,以及具体使用案例
  • 网络安全入门文档-虚拟机配置篇
  • class 041 最大公约数、同余原理
  • token的创建与解析,并配合拦截器使用
  • Oracle 数据库历史备份数据恢复验证
  • 【网络面积篇】TCP断开连接(笔记)
  • 下跌多少才能涨回来?
  • 【AAOS】【源码分析】CarSystemUI -- CarSystemBar
  • [供应链] 邀请招标
  • VS2017+Qt5.12.9+CMake3.30.2编译VTK 9.2.0
  • Java线程CPU占用过高如何排查?
  • uniapp推送配置流程
  • qt QPicture详解
  • ScheduledFuture Source Code Analysis
  • 【CSS】CSS 样式重置 (normalize.css 和 reset.css) 和通用样式配置