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

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

article 2024/10/25 3:15:43

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

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

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

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

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

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

不相等就清除掉focus颜色

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


http://www.kler.cn/news/363859.html

相关文章：

  • Windows 11优化利器：全方位定制你的操作系统
  • 03 springboot-国际化
  • 【代码随想录——数组——二刷】
  • ECharts饼图-饼图纹理，附视频讲解与代码下载
  • 负载均衡服务器攻击怎么解决最有效？
  • 【AI绘画】Midjourney进阶：留白构图详解
  • JavaFx -- chapter03(多线程网络通信)
  • Linux——K8S的pod的调度
  • 类的创建、构造器、实例属性、实例方法
  • Java while语句练习 C语言的函数递归
  • node入门与npm
  • C++进阶--＞继承(inheritance)
  • 使用Python爬虫API，轻松获取电商商品SKU信息
  • 第一次过程序员节
  • 阿里巴巴的数据库连接池Druid报Failed to look up JNDI DataSource with name ‘slaveDataSource‘
  • 头歌——人工智能（搜索策略）
  • bfloat16与float8、float16、float32的区别
  • Python数据分析工具OpenCV用法示例
  • 什么是SQL注入攻击？如何防止呢？
  • Web服务器 多IP访问网站
  • 音视频编辑码部分常识
  • 绝对差值的和
  • 力扣 —— 分发糖果
  • Vue中app.config.globalPropertiesVue.prototype和getCurrentInstance的使用
  • 机器视觉相机自动对焦算法
  • spark on kubernetes运行测试