当前位置: 首页 > 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()
})

相关文章:

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

若依框架,当首页为echarts图时,侧边栏展开关闭echarts会超出 解决思路: 当菜单为首页时,侧边栏开关按钮禁用,侧边栏始终保持展开 \src\store\modules\app.jstoggleSideBar(withoutAnimation, typeVal) {if (typeVal …...

洛雪音乐 1.6.1| 全网音乐免费听,附加音源

洛雪音乐汇集了多个平台的音乐资源,让你可以免费播放各种热门音乐。有经典怀旧的老歌,有最近火爆网络的热曲,还有很多原创音乐人发布的最新作品。因触动资本利益,现已转为空壳软件,需要导入音源来使用。功能特点包括&a…...

进程(Process)、线程(Thread)和协程(Coroutine)

进程(Process)、线程(Thread)和协程(Coroutine)都是计算机中实现并发的重要概念,它们有以下区别: 进程是操作系统资源分配的最小单位,也是程序的一次执行过程。进程拥有独…...

蓝牙 BLE 详解

参考链接 BLE博客书籍推荐:Intro to Bluetooth Low Energy: The easiest way to learn BLE...

Spring 获取Header

Spring 获取Header 传统方法获取使用 Spring 获取 Header 传统方法获取 尝试获取一个 User-Agent,(表示的是哪个客户端在访问) // 传统方法获取 HeaderRequestMapping("/getHeader")public String getHeader(HttpServletRequest request) {String userAgent reques…...

第8课 字符串

一、字符串的创建 字符串(string)是Python中最常用的数据类型,是不可变序列的一种,序列的通用操作也适用于字符串。字符串的标志性符号是引号,单引号或者双引号都可以(注意:是英文输入法下的引号,必须成对…...

告别繁琐统计,一键掌握微信数据

微信数据管理的挑战在数字时代,微信已成为我们日常沟通和商业活动的重要工具。然而,随着微信号数量的增加,手动统计每个账号的数据变得越来越繁琐。从好友数量到会话记录,再到转账和红包,每一项都需要耗费大量的时间和…...

企业出海网络:SD-WAN与专线混合组网方案

随着越来越多的国内企业进入海外市场,包括出海电商、游戏、社交网络和区块链等领域,它们通常需要使用海外服务器。同时,这些企业在国内也会拥有自己的机房、IDC或依赖其他云服务提供商的机房。在这种情况下,如何实现国内外之间的高…...

胡壮麟《语言学教程》第五版PDF英文版+中文版翻译

胡壮麟《语言学教程》中文版:https://pan.quark.cn/s/9491130ec572 《语言学教程》(英文版)是一部经典的语言学教材,自 1988 年面世以来,被众多高校广泛采用,长销不衰。该教材自出版以来不断修订&#xff…...

DriftingBlues: 1渗透测试

靶机:DriftingBlues: 1 DriftingBlues: 1 ~ VulnHubhttps://www.vulnhub.com/entry/driftingblues-1,625/ 攻击机:kail linux 2024 1,将两台虚拟机网络连接都改为NAT模式,并查看靶机的MAC地址 2,攻击机上做主机扫描发现靶机 靶机I…...

分类算法——决策树 详解

决策树的底层原理 决策树是一种常用的分类和回归算法,其基本原理是通过一系列的简单决策,将数据集划分为多个子集,从而实现分类。决策树的核心思想是通过树形结构表示决策过程,节点代表特征,边代表决策,叶子…...

C# 编程基础:深入解析构造函数与析构函数

在C#中,构造函数和析构函数是特殊的成员函数,它们分别在对象创建和销毁时自动调用。 构造函数 构造函数是一个在创建对象时自动调用的特殊方法,用于初始化对象的状态。它可以有参数,也可以没有参数。一个类可以有一个或多个构造…...

中国大学慕课视频资源分析

右键查看视频信息 关注点在 urls 这个参数,仔细分析就会发现其实是由若干个.ts拓展名和一个.m3u8拓展名的视频文件,每一个.ts视频文件的时长在10秒钟左右。 中国大学MOOC将课程的视频文件拆分成若干个这样的.ts片段,并且用.m3u8记录这些片段…...

简单的kafkaredis学习之redis

简单的kafka&redis学习之redis 2. Redis 2.1 什么是Redis Redis是一种面向 “Key-Value” 数据类型的内存数据库,可以满足我们对海量数据的快速读写需求,Redis是一个 NoSQL 数据库,NoSQL的全称是not only sql,不仅仅是SQL&…...

前端性能优化全攻略:提升用户体验,加速页面加载

在当今互联网时代,用户对于网页的加载速度和性能要求越来越高。快速响应的网页不仅能提升用户体验,还能提高网站的搜索引擎排名和转化率。因此,前端性能优化成为了前端开发中至关重要的一环。本文将深入探讨前端性能优化的原则、方法以及如何…...

手机玩亚托莉:我挚爱的时光!手机推gal、躺床玩漫改gal教程

亚托莉:我挚爱的时光是一款视觉与情感交织的好游戏 。游戏背景设定在因为不明原因导致全球海平面上升之后的未来,在全球大多数地方都被海洋淹没城市才是相对环境的情况下,在一场事故失去了一条腿的男主斑鸠夏生却选择了放弃城市,转…...

metasploit/modules/evasion 有哪些模块,以及具体使用案例

Metasploit框架的evasion模块用于生成绕过安全检测的有效载荷。以下是一些常见的evasion模块及其使用案例: 1. 通用Evasion模块 windows/meterpreter/reverse_tcp_rc4:使用RC4加密的反向TCP Meterpreter会话。 set PAYLOAD windows/meterpreter/reverse…...

网络安全入门文档-虚拟机配置篇

前言 虚拟机作为网络安全渗透测试中常见的工具。通常被用来安装kali系统 简单解释一下,目前操作系统分为三类 windows、linux、mac linux又有两个小类,分别是RedHat、Debian 而我们要安装的kali就是基于Debian的操作系统。 简单来说。虚拟机和系统是两个…...

class 041 最大公约数、同余原理

1. 辗转相除法 对下面的证明过程有什么问题和怀疑的直接随便找两个数字自己写一遍就行了. 1.1 利用辗转相除法计算最大公约数 直接记忆这段代码公式就行了(具体的证明过程直接去看左程云老师写的就行了). public static long gcd(long a, long b) { // Greatest Common Di…...

token的创建与解析,并配合拦截器使用

场景&#xff1a; 进行web应用开发时&#xff0c;往往需要对当前用户进行身份判断&#xff0c;此时可以使用token技术 1.导入依赖 <dependency><groupId>io.jsonwebtoken</groupId><artifactId>jjwt-impl</artifactId><scope>runtime<…...

BGA底部填充胶:嵌入式主控板可靠性设计与工艺全解析

1. 项目概述&#xff1a;为什么BGA底部填充胶是嵌入式主控板的“定海神针”&#xff1f;在嵌入式计算机主控板的设计与生产领域&#xff0c;尤其是那些采用高密度、细间距BGA&#xff08;球栅阵列&#xff09;封装芯片的板卡上&#xff0c;有一个工艺环节常常被新手工程师忽略&…...

TI AM64x 5路原生千兆网口:工业物联网确定性网络与多核异构计算实战

1. 项目概述&#xff1a;为什么我们需要5路原生千兆网口&#xff1f;在工业现场摸爬滚打十几年&#xff0c;我见过太多因为网络接口“捉襟见肘”而导致的尴尬局面。想象一下&#xff0c;一个产线控制柜里&#xff0c;PLC、视觉系统、多台伺服驱动器、HMI触摸屏&#xff0c;还有…...

CANN ops-transformer 的 FlashAttention:把大模型的记忆从 32GB 压到 8GB,怎么做到的

刚接触昇腾CANN那会&#xff0c;我以为 ops-transformer 就是个普通的算子仓库&#xff0c;和 ops-math、ops-nn 没什么区别。后来跑一个 70B 模型的推理任务&#xff0c;显存直接爆了&#xff0c;才发现大模型的注意力计算才是真正的吞显存怪兽——而 ops-transformer 里那个 …...

单词拆分----dp

思路&#xff1a;刚开始看的时候没有思路&#xff0c;但我看给的样例&#xff0c;可以多次遍历wordDict看。。。好像不太对准备看看题解。首先需要知道这道题的dp的公式代表这什么&#xff0c;dp[i]表示 字符串s从起始位置到位置i&#xff0c;能否被被拆分成字典中的单词&#…...

开关电源功率因数校正:从谐波失真到PFC电路设计实践

1. 项目概述&#xff1a;从“相移”到“失真”&#xff0c;理解开关整流器的功率因数挑战在通信、数据中心乃至我们日常使用的各类开关电源适配器中&#xff0c;高频开关整流器是电能转换的核心。作为一名电源工程师&#xff0c;我经常被问到&#xff1a;“为什么我们设备的输入…...

如何用ComfyUI-Impact-Pack实现AI图像精细化处理:从面部修复到高分辨率增强的完整指南

如何用ComfyUI-Impact-Pack实现AI图像精细化处理&#xff1a;从面部修复到高分辨率增强的完整指南 【免费下载链接】ComfyUI-Impact-Pack Custom nodes pack for ComfyUI This custom node helps to conveniently enhance images through Detector, Detailer, Upscaler, Pipe, …...

行业白皮书 GEO 化转 HTML + 结构化,AI 引用率提升 50%

你花了 3 个月写了一本白皮书&#xff0c;排版精美&#xff0c;数据详实。发出去之后&#xff0c;阅读量不到 500。更扎心的是&#xff0c;当用户在 ChatGPT、Perplexity 里提问时&#xff0c;引用的是竞品那篇网页版的报告&#xff0c;而不是你的 PDF。这不是运气问题&#xf…...

旧房改造完整施工流程

旧房改造是一项复杂而细致的工程&#xff0c;不仅需要专业的技术&#xff0c;还需要科学合理的规划。以下是旧房改造的完整施工流程&#xff0c;帮助您更好地了解整个过程。一、前期准备1. 现场勘测具体操作&#xff1a;专业人员对房屋进行全面检查&#xff0c;包括墙体老化、漏…...

设计型vs工程型 宁波景区标识服务商怎么选不踩坑

宁波某4A景区标识升级踩坑案例&#xff1a;3类适配性问题汇总前段时间宁波一家本土4A自然景区完成标识系统升级&#xff0c;不料上线3个月就收到近百条游客投诉&#xff0c;运营方不得不二次招标重做&#xff0c;前后浪费近百万预算。复盘整个项目&#xff0c;核心暴露了3类行业…...

TEngine与服务器集成:.NET Core 8.0前后端一体化开发指南

TEngine与服务器集成&#xff1a;.NET Core 8.0前后端一体化开发指南 【免费下载链接】TEngine Unity 商用级别开发框架&#xff0c;原生内置 AI 工作流支持&#xff0c;集成 HybridCLR 高性能热更、Obfuz 代码混淆加固、YooAssets 企业级资源管理方案&#xff0c;构建高效、安…...