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

ops/2024/11/1 19:48:05/

若依框架,当首页为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.ppmy.cn/ops/130219.html

相关文章

如何保护网站安全

1. 使用 Web 应用防火墙(WAF) 功能:WAF 可以实时检测和阻止 SQL 注入、跨站脚本(XSS)、文件包含等常见攻击。它通过分析 HTTP 流量来过滤恶意请求。 推荐:可以使用像 雷池社区版这样的 WAF,它提…

音乐网站新篇章:SpringBoot Web实现

2相关技术 2.1 MYSQL数据库 MySQL是一个真正的多用户、多线程SQL数据库服务器。 是基于SQL的客户/服务器模式的关系数据库管理系统,它的有点有有功能强大、使用简单、管理方便、安全可靠性高、运行速度快、多线程、跨平台性、完全网络化、稳定性等,非常…

面向对象高级-static

文章目录 1.1 static修饰成员变量1.2 static 修饰成员变量的应用场景1.3 static 修饰成员方法1.4 工具类来看 static 的应用1.5 static 的注意事项1.6 static 应用(代码块)1.7 static应用(单例设计模式) static 读作静态&#xff…

android studio编译错误提示无法下载仓库

一、调整方法之一 buildscript {repositories {google()jcenter()//maven { url https://maven.aliyun.com/repository/google }//maven { url https://maven.aliyun.com/repository/central }}dependencies {// classpath "com.android.tools.build:gradle:4.1.1"c…

WAF+AI结合,雷池社区版的强大防守能力

网上攻击无处不不在,为了保护我自己的网站,搜索安装了一个开源免费的WAF 刚安装完成就收到了海外的攻击,看到是海外的自动化攻击工具做的 雷池刚好也有AI分析,于是就尝试使用这个功能,看看这个ai能力到底怎么样 以下…

从0学习React(6)

这两天在写IT资产管理的时候,对于前端,我一直没有任何头绪,不知道怎么写。因为我之前并没有学习过前端方面的知识,我学的都是后端。我在写后端接口的时候,我是自己有一些基础的,然后我又参照着模仿着一些很…

海外云手机是什么?对外贸电商有什么帮助?

在外贸电商领域,流量引流已成为卖家们关注的核心问题。越来越多的卖家开始利用海外云手机,通过TikTok等社交平台吸引流量,以推动商品在海外市场的销售。那么,海外云手机到底是什么?它又能为外贸电商卖家提供哪些支持呢…

后端检测_文件头检测漏洞

把上面的文件头添加到我们的一句话木马内容最前面,达到绕过文件头检测的目的。 常见的文件头: 注意:下面的文件头的格式是16进制的格式: GIF:47 49 46 38 39 61 png:89 50 4E 47 0D 0A 1A 0A JPG&#xf…