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

vue3使用element-plus手动更改url后is-active和菜单的focus颜色不同步问题

news 文章来源：https://blog.csdn.net/a4867/article/details/143039250 2024/11/28 14:49:10

在实习，给了个需求做个新的ui界面，遇到了一个非常烦人的问题

如下，手动修改url时，is-active和focus颜色不同步

虽然可以直接让el-menu-item:focus为白色能解决这个问题，但是我就是想要有颜色哈哈哈，有些执着

研究了很久之后找到了解决办法

首先，先给menu-item设置一个v-bind:class方法，来动态改变颜色

接着将is-active的activeIndex值和传过来的path判断，判断它们是否相等，如果相等就给focus

不相等就清除掉focus颜色

记得要加!important，否则是不生效的！

vue3使用element-plus手动更改url后is-active和菜单的focus颜色不同步问题

在实习，给了个需求做个新的ui界面，遇到了一个非常烦人的问题如下，手动修改url时，is-active和focus颜色不同步虽然可以直接让el-menu-item:focus为白色能解决这个问题，但是我就是想要有颜色哈哈哈，有些执…...

编程日记 2024/10/25 2:56:15

每天五分钟深度学习框架pytorch:从底层实现一元线性回归模型

本文重点本节课程我们继续搭建一元线性回归模型，不同的是这里我们不使用pytorch框架已经封装好的一些东西，我们做这个目的是为了更加清楚的看到pytorch搭建模型的本质，为了更好的理解，当然实际中我们还是使用pytorch封装好的一些东西，不要重复造轮子。模型搭建 #定义…...

编程日记 2024/10/25 2:55:14

编辑器加载与AB包加载组合

解释： 这个 ABResMgr 类是一个资源加载管理器，它用于整合 AB包（Asset Bundle）资源加载和编辑器模式资源加载。通过这个管理器，可以根据开发环境选择资源加载方式，既支持运行时使用Asset Bundle加载&…...

编程日记 2024/10/25 2:54:13

【c++】vector中的back()函数

nums.back() 是 C 中 std::vector 类的一个成员函数，用于获取数组（向量）中的最后一个元素。以下是一些关于 nums.back() 的详细解释和示例使用： 1. 功能 nums.back() 返回数组 nums 中的最后一个元素。如果数组为空，…...

编程日记 2024/10/25 2:53:12

[分享] SQL在线编辑工具（好用）

在线SQL编写工具（无广告） - 在线SQL编写工具 - Web SQL - SQL在线编辑格式化 - WGCLOUD...

编程日记 2024/10/25 2:52:11

// 必填星号在前显示去掉 .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { content: !important; margin-right: 0px!important; } // 必填星号在结尾显示 .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__labe…...

编程日记 2024/10/25 2:51:09

自动驾驶系列—激光雷达点云数据在自动驾驶场景中的深度应用

🌟🌟 欢迎来到我的技术小筑，一个专为技术探索者打造的交流空间。在这里，我们不仅分享代码的智慧，还探讨技术的深度与广度。无论您是资深开发者还是技术新手，这里都有一片属于您的天空。让我们在知识的海洋中…...

编程日记 2024/10/25 2:50:06

C#删除dataGridView 选中行

关键在于：从最后一行开始删除。从前往后删只能删除其中一半，我理解是再remove行的时候dataGridView内部行序列发生了变化，包含在选中行中的特定行会被忽略，从后往前删就可避免这个问题，最后一行的行号影响不到前面的…...

编程日记 2024/10/25 2:48:04

K8S调度不平衡问题分析过程和解决方案

不平衡问题排查问题描述： 1、业务部署大量pod(据反馈，基本为任务型进程)过程中，k8s node内存使用率表现不均衡，范围从80%到百分之几； 2、单个node内存使用率超过95%，仍未发生pod驱逐，存在node…...

编程日记 2024/10/25 2:47:03

Python中类、继承和方法重写的使用

😀前言本篇博文将介绍如何定义类、创建类的实例、访问类的成员、使用属性、实现继承及方法重写，希望你能够喜欢 🏠个人主页：晨犀主页 🧑个人简介：大家好，我是晨犀，希望我的文章可以…...

编程日记 2024/10/25 2:44:00

【Neo4j】- 轻松入门图数据库

文章目录前言-场景一、Neo4j概述二、软件安装部署1.软件下载2.软件部署3.软件使用4.语法学习总结前言-场景这里用大家都了解的关系数据与图数据据库对比着说,更加方便大家理解图数据库的作用图形数据库和关系数据库均存储信息并表示数据之间的关系。但是，关系…...

编程日记 2024/10/25 2:42:58

LeetCode 206 - 反转链表

解题思路我们可以使用迭代的方法来实现链表的反转，这里我们先介绍迭代的方法。迭代的思路是：从头节点开始，依次将节点的next指针进行反转，使得当前节点的next指向其前一个节点，然后依次向后移动指针，直至…...

编程日记 2024/10/25 2:40:57

AI生成大片，Movie Gen 可以生成长视频并配上完美的音效，带给观众更好的观看体验。

之前的文章中已经给大家介绍了一些关于长视频生成相关的技术，AI生成大片已经越来越近了。感兴趣的小伙伴可以点击下面链接阅读~ Movie Gen 的工作原理可以简单理解为两个主要部分：一个是生成视频的模型，另一个是生成音频的模型。首先&#x…...

编程日记 2024/10/25 2:39:55

Flink on yarn模式下，JobManager异常退出问题

这个问题排除了很久，其中更换了Flink版本，也更换了Hadoop版本一直无法解决，JobManager跑着跑着就异常退出了。资源管理器上是提示运行结束，运行状态是被Kill掉。网上搜了一圈，都说内存不足、资源不足，配置…...

编程日记 2024/10/25 2:38:54

面对AI算力需求激增，如何守护数据中心机房安全?

随着人工智能（AI）技术飞速发展，AI算力需求呈现爆发式增长，导致对数据设备电力的需求指数级攀升。这给数据中心带来前所未有的挑战和机遇，从提供稳定的电力供应、优化高密度的部署，到数据安全的隐私保护&…...

编程日记 2024/10/25 2:37:53

Connection --- 连接管理模块

目录模块设计模块实现 shared_from_this 模块测试纠错模块设计 Connection模块是对通信连接也就是通信套接字的整体的管理模块，对连接的所有操作都是通过这个模块提供的接口来完成的。那么他具体要进行哪些方面的管理呢？ 首先每个通信连接都需…...

编程日记 2024/10/25 2:33:49

iconfont图标放置在某个元素的最右边

在网页设计中，如果你想要将iconfont图标放置在某个元素的最右边，你可以通过CSS来实现这个布局。以下是一些基本的CSS代码示例，它们可以帮助你根据不同的布局需求将图标放置在最右边： 内联元素（如<span>&#xff…...

编程日记 2024/10/25 2:31:44

Android10 recent键相关总结

目录初始化流程点击Recent键流程 RecentsActivity 显示流程 RecentsModel 获取数据管理类 RecentsActivity 布局已处于Recent界面时点击recent 空白区域点击返回键 recent组件配置 Android10 Recent 功能由 System UI，Launcher共同实现。初始化流程 …...

编程日记 2024/10/25 2:28:41

Ajax：原生ajax、使用FormData的细节问题，数据的载体

人生海海，山山而川，不过尔尔；空空而来，苦苦而过，了了而去文章目录原生ajax使用FormData的细节问题数据的载体原生ajax 执行顺序创建xhr对象 var xhr new XMLHttpRequest()调用xhr.open(请求方式, url)函数&#…...

编程日记 2024/10/25 2:23:36

【HuggingFace 如何上传数据集 (2) 】国内网络-稳定上传图片、文本等各种格式的数据

【HuggingFace 下载】diffusers 中的特定模型下载，access token 使用方法总结【HuggingFace 下载中断】Git LFS 如何下载指定文件、单个文件夹？【HuggingFace 如何上传数据集】快速上传图片、文本等各种格式的数据上文的方法因为是 https 协议&#xf…...

编程日记 2024/10/25 2:20:33

GNOME桌面安装dock

Although GNOME Shell integration extension is running, native host connector is not detected. Refer documentation for instructions about installing connector. sudo yum -y install chrome-gnome-shell...

编程日记 2024/10/25 2:19:32

移动app测试有哪些测试类型?安徽软件测试中心分享

科技信息时代，移动app的出现为我们的生活及工作带来了极大的便利。一款app从生产到上线必不可少的就是测试阶段，app测试是保障产品质量和安全的有效手段，那么移动app测试有哪些测试类型呢?安徽软件测试中心又有哪些? 1、功能性测试　　需…...

编程日记 2024/10/25 2:16:30

Android 10.0 截屏流程

通常未通过特殊定制的 Android 系统，截屏都是经过同时按住音量下键和电源键来截屏。本篇文章就只讨论使用这些特殊按键来进行截屏。这里我们就要明白事件是在哪里进行分发拦截的。通过源码的分析，我们发现是在PhoneWindowManager.java 中。 PhoneWindow…...

编程日记 2024/10/25 2:15:28

Axure零基础深入浅出的讲解

在当今的互联网产品设计领域，原型设计已经成为了产品经理、设计师和开发者之间沟通的桥梁。而Axure作为一款功能强大、灵活易用的原型设计工具，正是很多产品经理的得力助手。无论你是产品经理新手，还是资深设计师，Axure都能帮助你…...

编程日记 2024/10/25 2:11:24

PyTorch求导相关

PyTorch是动态图，即计算图的搭建和运算是同时的，随时可以输出结果；而TensorFlow是静态图。在pytorch的计算图里只有两种元素：数据（tensor）和运算（operation） 运算包括了&#xf…...

编程日记 2024/10/25 2:09:21

Halcon基础-瓶盖带角度的OCR批量识别

Halcon基础-OCR识别 1、OCR识别素材2、创建路径文件3、Halcon代码实现4、运行效果5、资源获取 1、OCR识别素材这里我准备了7张不同角度的OCR图片，如下所示： 2、创建路径文件按照下图所示创建全部文件夹和文件： 01用来存放OCR识别原图 c…...

编程日记 2024/10/25 1:57:10

php语法学习

启动php 进入软件打开文件：编写代码 $php true; $java false; var_dump($php);//输出变量细节 var_dump($java) 字符串注意可以使用双引号也可以使用单引号测试 $php "最好学web语言"; $java 脱胎于c语言; var_dump($php);//输出变量细节 var…...

编程日记 2024/10/25 1:56:09

JavaWeb合集22-Apache POI

二十二、Apache POI Apache POI是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是，我们可以使用POI在Java 序中对Miscrosoft Office各种文件进行读写操作。一般情况下，POI都是用于操作Excel文件。使用场景：银行网银系统导出…...

编程日记 2024/10/25 1:55:08

DDD重构-实体与限界上下文重构

DDD重构-实体与限界上下文重构概述 DDD 方法需要不同类型的类元素，例如实体或值对象，并且几乎所有这些类元素都可以看作是常规的 Java 类。它们的总体结构是 Name: 类的唯一名称 Properties：属性 Methods: 控制变量的变化和添加行为一…...

编程日记 2024/10/25 1:54:06

MATLAB Simulink （二）高速跳频通信系统

MATLAB & Simulink （二）高速跳频通信系统写在前面1 系统原理1.1 扩频通信系统理论基础1.1.1 基本原理1.1.2 扩频通信系统处理增益和干扰容限1.1.3 各种干扰模式下抗干扰性能 1.2 高速跳频通信系统理论基础1.2.1 基本原理1.2.2 物理模型 2 方案设计2…...

编程日记 2024/10/25 1:53:04